Adjusting the placement of field labels in relation to fields

created

jsf-submit-field-label-place-popup.pngWhen building a Forms page for Soapbox Engage, you have the option of choosing where field labels will appear in relation to the fields on the form. The default position for any new form is Default (Above) which places all the field labels above their corresponding fields. This can be changed to either Left or Right by going to the Options tab for a Forms page and selecting the desired placement from the Field Label Placement drop down.

Examples of the differences between the options are shown below.

Default (Above)

Places the label on the line above its field. This option will be best to use, if you wish to use CSS Keywords to adjust the placement of fields within the form as any fields with CSS Keywords applied will have their labels placed above the field.

jsf-submit-field-label-place-default.png

Left

Places the label to the left of the field and justifies the text to the left. This selection will not affect any fields with CSS Keywords applied as they will have their labels placed above the field.

jsf-submit-field-label-place-left.png

Right

Places the label to the left of the field and justifies the text to the right. This selection will not affect any fields with CSS Keywords applied as they will have their labels placed above the field.

jsf-submit-field-label-place-right.png

Have more questions? Submit a request
Article is closed for comments.