Centering an Image


#1

Ok gang, my app is working sooo nicely! Just sprucing things up. This one is simple, but it is eluding me: how do I center a simple Image on the screen? I have tried margins and the properties under Bounds, but those numbers relate to the edges of the graphic/image not the dead center.


#2

Using the Image sample project as a guide, change the image’s left and top properties to:

left: calc(50% - 98px/2)
top: calc(50% - 192px/2)

See Responsive Design Made Simple for more info.

Kind regards,
Doug


#3

Awesome. Done. Makes perfect sense. THANKS SO MUCH Doug!


#4

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.