Adjusting cell styling by using CSS helper classes
Apply a Cascading Style Sheet (CSS) helper class to a cell to alter its default styling or behavior in a small way, without creating a new skin format. For example, use a helper class to center an element in a cell.
On the Presentation tab of the Cell Properties panel, expand the Advanced Presentation Options section.
To display the Helper class picker dialog box, click the Open helper class picker icon for the Cell read-write classes field or the Cell read-only classes field.
- Optional:
To see a description of a helper class's effects, hover over its name in the dialog box.
- Optional:
To filter helper classes by class name or description, use the search field.
For example, you might enter right to see helper classes for adjusting the right side of an element or enter margin to see helper classes for adjusting standard margins.
Select one or more helper classes to apply to the current cell, click Submit, and then click Submit on the Cell Properties panel.
- CSShelper classes
Rather than creating a new skin format, apply standard, predefined Cascading Style Sheet (CSS) helper classes to make a minor formatting change to a cell or dynamic layout. Using CSS helper classes saves development time, reduces maintenance by limiting the number of customized skin formats, and improves the consistency of the look and feel of you
- Adjusting layout styling by using CSS helper classes
Apply a Cascading Style Sheet (CSS) helper class to a dynamic layout to alter the default styling or behavior in a small way, without creating a new skin format. For example, use a helper class to apply twice the standard margin to the right side of an item in the layout.
- Reviewing standard CSS helper classes
Being familiar with the standard Cascading Style Sheet (CSS) helper classes that are available for making minor changes to the behavior or styling of cells and layouts can save you development time and bring greater consistency to the look and feel of your applications.
Previous topic Adjusting layout styling by using CSS helper classes Next topic Reviewing CSS helper class definitions