Properties Tab
The Properties tab lets you configure details and behavior for any selected part of your Smartform.
| Property | Field explanation |
|---|---|
| Property | Can be found on any element in a Smartform. Properties are the unique identifier of the field. These names are used when communicating through REST API, integrations like Zapier, and for export or import |
| Value | Can be found on all elements and is hiding the actual value of the property |
| Helper Text | Possible to define help text for an element |
| Rounded corners | Will round corners on rows, columns, sections and elements |
| Border Color | Color for border. Must be combined with setting the actual borders and with |
| Border | Setting borders and the width of borders using the border color |
| Text Color | Color of text |
| Text Size | Size of text |
| Bold | Setting text to Bold |
| Italic | Setting text to italic |
| Underline | Underlining text |
| Icon | Icon to show in front of a text |
| Alignment | Align element to the left, center or right |
| Background color | Define background color |
| Margins | Define margins for section, rows and section |
| Padding | Define padding for a section, row and section |
| Span | Divide a row into span for columns |
| Background Image | Define a background image for a section |
💡 Properties are available for sections, rows, columns, and elements—customize each for usability, appearance, and logic.
How to Access Properties
You can view and edit properties for any part of your Smartform—sections, rows, columns, or elements—using several methods.
The Properties panel is located in the right-hand menu of Studio and updates dynamically based on what you select.
1. Element Properties
- Click Method: Click directly on an element in the canvas to open its properties in the Properties tab.
- Right-Click Method: Right-click an element and select Properties from the context menu.
- Switching Between Row/Column: In the Properties menu, you can choose to view the properties for:
- Element
- Column
- Row
- Quick Toggle: Double-click an element to quickly toggle between its Row and Column properties.
2. Row or Column Properties
You can access Row or Column properties in two ways:
- Via the Properties Menu: Select the element inside the row or column you want to edit, then change the selection in the Properties panel.
- Double-Click Shortcut: Double-click an element inside the desired row or column to toggle between row and column properties.
3. Section Properties
- Hover Method: Hover over the section you want to edit and click the three-dotted button (
⋯) on the right-hand side. - This is the only way to open section properties.
💡 Tip:
- Use double-click to quickly switch between row and column properties.
- Use the three-dotted button to manage section-level settings.