Text Field - Align To The Left Of Labels

[physassist]

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

[Jan]

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.

[physassist]

Jan,

 

My apology for the confusion, I am trying to put the text field on the *left of the label.  My form has a group of 5 questions and the user needs to rank them from 1 to 5.  An unfortunate typo to make!

 

Thanks

[LWSChad]

CSS

td {
  float: right;
}

...might make all the td elements you target with the rule load right to left; so since the label loads before the text box it might load to the right.

[Jan]

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

[sunsensesolar]

add display: inline-block; to the css for .cbFormLabel, .cbFormDataCell, and .cbFormDataCellNumberDate