Pages not centered

While the device previews look fine the actual renders to iPhone and Chrome are off to the right; therefore, not showing the entire layout. Using expanding text fields as suggested in React Studio video “Creating a login screen”. Searched this database but didn’t see any solutions.

Also, Fluid and Responsive are checked. The login page is the one affected. The start page works as intended.

Are you sure that you’ve set the alignments of the elements correctly? Eg. set the text field to 10% or 10 pixels from left and right edges makes the element responsive to all device sizes. If text field is bound just from one side then the element width is static.

That was the problem. Didn’t see that “keyline” was selected; not screen.

Thank you!

1 Like