I don't see any option to align the label to the left in the mobile version (as there is in the web version)
Hello @engineering-tajir ,
You're right in Retool mobile apps, the label alignment options (like left, center, or right) available in the Web version are currently limited or not exposed directly in the component settings UI.
- I believe the best way to achieve this is by removing the label from the text input field and adding a separate text component inside a container. Then, set the container's alignment to center. You can see this setup demonstrated in the attached screenshot.
5 Likes
Thanks @WidleStudioLLP for responding to my query. The solution you have presented does indeed work. However, in my use-case, I have multiple text inputs and I want the labels to be aligned perfectly. Like this one in the web version.
The container approach does not let me specify a standard width and gap.
You can manage the alignment using the gap property. As shown in the screenshot, I used it to neatly align three input fields, similar to the layout in your image.
Sample json: Mobile App.json (62.0 KB)
4 Likes
@WidleStudioLLP thanks a lot! The main idea is to set different gaps for the containers so the visual affect is that the labels are aligned.
1 Like