Jump to content

Text Field - Align To The Left Of Labels

Recommended Posts

I'd like to move text fields for specific questions in a form to the right of their corresponding labels.  I see the alignment settings in the section options but right align isn't an option.  I dug through the CSS code and didn't see anything that made a difference.


Thank you

Link to comment
Share on other sites

Hello physassist,


Welcome to Caspio Forum!


Do you want to display a label and then a text field after this label?

This option is available for every field on the Advanced tab, in the "Layout Options" section, "Label position" - "Left".


I am sorry, I am not sure that I understand your question clearly.

Link to comment
Share on other sites

Hi Phil,


It is strange, that there is no "Right" option in Label position. I never think about it, but now it is strange :)


You can try the following steps:

1) On the "DataPage Data Source" step, enable "Advanced options" and "Parameters".

2) After every Text field, add a Virtual field.

3) For Virtual fields, select the "Display Only" Form Element; on the Advanced tab, check "On load: Receive value or parameter", select the "Default value" and enter the text of your label.

4) For Text Fields, on the Advanced tab, check the "Continue next element on the same line".

5 and last) For Text Fields and Virtual Fields select "No Label" for "Label position".


Now Virtual fields are displayed as "Labels" to the right of Text Fields.


I hope, it helps :)

Link to comment
Share on other sites

  • 4 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...