After you configure a control in a section or a layout to support attaching content, you can customize how the control is displayed to application users.
Click the View properties icon for the control to open the Cell Properties panel.
In the Displayed as menu, select Button, Link, or Icon.
Each of these options displays additional fields, which you can configure by using the standard process for each control:
Optional: In the Advanced Presentation Options section on the Presentation tab, use one of the following fields to adjust the control's display:
Instead of creating a new custom format in the skin, you can adjust elements in a cell by applying Cascading Style Sheet (CSS) helper classes. For example, you can use a CSS helper class to center an element in a cell or to double the standard right margin for the element.
Cell read-write classes – Click the Open helper class picker icon to specify one or more CSS helper classes to apply to this cell when the form is displayed in read-write mode. You can enter several helper classes, separated by a space. Alternatively, you can enter the name of a custom style to apply to this cell.
Cell read-only classes – Click the Open helper class picker icon to specify one or more CSS helper classes to apply to this cell when the form is displayed in read-only mode. You can enter several helper classes, separated by a space. Alternatively, you can enter the name of a custom style to apply to this cell.
Inline style (not for production use) – You can use this field to define an inline style by entering CSS code. However, entering an inline style results in a guardrail warning. For maintainability and reuse, the recommended approach is to use read-write or read-only classes.
For more information, see CSS helper classes.
Click Submit.