Skip to main content


Adjusting cell styling by using CSS helper classes

Suggest edit Updated on July 21, 2021

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.

  1. On the Presentation tab of the Cell Properties panel, expand the Advanced Presentation Options section.

  2. 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.

  3. To see a description of a helper class's effects, hover over its name in the dialog box.

  4. 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.
  5. Select one or more helper classes to apply to the current cell, click Submit, and then click Submit on the Cell Properties panel.

Did you find this content helpful? YesNo

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us