Label
A Label element features a caption and a text property. The intent behind the design of the Label element is to display a single line of text that you want to align with the other fields on your form. Labels are an ideal way to display order totals and other calculated/bind value results while maintaining a consistent layout with other field elements.
If you want to include an entire paragraph of text, or use HTML formatting, you should instead use the Free Text Heading element.
In this topic, we cover the general properties for this element. Learn about other properties in the Introduction to Validation nd Working with Form Elements.
| Property | Description |
|---|---|
| Field Name | This is the name used to reference the field and is also the name of the column heading in the submission bin. |
| Binding | Create a conditional binding to calculate a total or concatenate two strings together. Learn more in Bindings. |
| Text | Click to to open the Text Editor and insert and format text |
| Padding-bottom | Set the padding width for the bottom of the Label element. |
| Padding-top | Set the padding width for the top of the Label element. |
| Caption | Enter the caption text, which appears either beside or above the element. |
| Multi-line Caption | When the caption wraps, you may notice the line height is wrong. This is when you need to enable the multi-line feature by setting this property to true. Note: Keep in mind that you can increase the caption width so that the caption text does not wrap. |
| Theme | Set this property to Inherit to use the Field SubTheme defined by the master theme for this form. Or, select a subTheme which will apply directly to this element. Once a subTheme is applied, you can edit it within the Theme Editor. Learn more in Themes & Styles. |
| Dependency | Create a dependency to hide or show this element based on a rule. The field becomes "dependent" on other values entered on the form. Learn more in Dependencies. |
| Hidden | Set this property to true if you want this element to be hidden. |
| Hide Mode | This property determines how the element is hidden and if it will collapse within the space it would otherwise occupy. |
Have more questions? Submit a request
Please sign in to leave a comment.
0 Comments