Setting advanced presentation options for controls
Instead of creating a new custom format in the skin, save development time by adjusting the visual aspects of UI elements with Cascading Style Sheet (CSS) helper classes.
For example, you can use a CSS helper class to double the standard right margin for a given element.- Open the view with the control that you want to
edit.For more information, see Accessing views in your application.
- In the configuration pane on the right side of the window, hover over the control, and then click the Edit icon.
- On the Presentation tab, expand the Advanced presentation options section.
- Set any of the following options, as needed:
- To apply one or more classes to the element when the form is displayed
in read-write mode, next to the Cell read-write
classes field, click the Open helper class
picker icon, and then select the classes.
You can manually enter several helper classes, separated by a space. Alternatively, you can enter the name of a custom style to apply to this element.
- To apply one or more classes to the element when the form is displayed
in read-only mode, next to the Cell read-only classes
field, click the Open helper class picker icon, and
then select the classes.
You can manually enter several helper classes, separated by a space. Alternatively, you can enter the name of a custom style to apply to this element.
- To define an inline style, in the Inline style (not for production use) field, enter the appropriate CSS code.
- To apply one or more classes to the element when the form is displayed
in read-write mode, next to the Cell read-write
classes field, click the Open helper class
picker icon, and then select the classes.
- Click Apply.
Previous topic Adding icons to controls Next topic Adding custom attributes for version 1 DX API to auto-generated controls