Vertically center a button on the map
When adding a button to the map in the mobile designer, there seem to be only 6 location slots available, i.e. top (left, center, right) and bottom (left, center, right).
Is there a way to vertically center a button on the left or right side of the map? I tried to manually change the slot to left and center-left in the layout file, but of course that didn't work.
As a workaround, I'd settle for a fixed vertical offset, if that is possible. We have a fixed screen size, so I could probably make it work close enough.
-
Hi Berend,
Thank you for your question. You are correct that our slotting is structured as a 2x3 grid (top/bottom and left/center/middle) so there isn't a direct way of dropping a button into a center-left or center-right placement. That said, there are a couple of things you may be able to try to get your components placed where you'd like:
1. Try making use of the margin property. This will allow you to push your component out off the boundary.
2. You could try nesting the button inside something like a column or a row component, alongside some empty rows/columns and make use of the height and alignment properties to try to again push it down. Mobile App Designer has an example in the default template of how these properties can be configured:
That said, you'll want to keep 2 things in mind:
a. Due to that 2x3 grid slot structure, you can only push components around so much within one of those boxes. If you start in one box, and shove a component so far that it'll end up in another slot, it can either disappear or stop functioning (since it's technically "behind" the neighbouring slot).
b. You'll want to do some testing with the devices you want to deploy your app to. There are so many possible screen sizes, resolutions, and layouts across mobile devices and monitors that what looks good on one screen might not work on another.
Hope that helps,
Phil MacIntyre
0
Du måste logga in om du vill lämna en kommentar.
Kommentarer
1 kommentar