How to place image in centre of screen?
Posted: Thu Apr 24, 2014 2:17 pm
I am trying to place an image in the centre of the screen regardless of screen resolution, is that possible?
Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
I am trying to place an image in the centre of the screen regardless of screen resolution, is that possible?
Hi,
Use this code to center the Image component:
prediv[data-role=page] {
display: table !important;
}
div[data-role=content] {
display: table-cell ;
text-align: center;
vertical-align: middle;
}
img[name=mobileimage_name]{
display: inline-block;
}/pre
Where 'mobileimage_name' is an image component name.
Thank you, spot on. Tested and Working