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/
Hi there, im in the final stage of developing my app and am having difficulty with positioning two images, one on each page. I've tried using CSS to position the images at the top of the page and in the center of the page. The aim is to do this so that the image stays positioned in the center of the top of the screen even if you change the screen size. Hope you can help.
Hello! You can try to place image inside the Grid component. Could you post CSS code you tried?
I'd tried:
margin: auto;
margin-left: 50%;
margin-right: 50%;
I've also tried using the padding element and it hasnt worked so far, I'll try the grid solution now.
The grid approach didn't work. Anything else that you could suggest? I also should have mentioned above that I used those margin elements separately, not all together.
Add class for image (for example myImage), create CSS asset and define that class. For example:
code.myImage{
margin: 4px auto !important;
}/code
http://docs.appery.io/documentation/w...
I've solved the issue!!
I delved into the css source code and changed the margin property there to auto. It seems like this base style sheet was overriding what I was trying to get my custom style sheet to do.