Skip to main content
LinkedIn
Copied!

Table of Contents

Specifying presentation options for a Date time control

Applicable to Theme UI-Kit applications

You can specify how read-only dates or date and time combinations are displayed in your application. For example, you might specify that the year comes first, or that months are spelled out rather than represented numerically.

In the layout of the form that you are editing, complete the following task: Adding a Date time control to a layout.
  1. Click the control, and then click the View properties icon.

  2. In the Read-Only Format section on the Presentation tab of the Properties panel, set the Type option to Date or Date/Time.

  3. To specify the conditions under which characters entered by the user are displayed as bullets, use the Obfuscated when option.

    The input characters are initially added to the clipboard as unencrypted, cleartext values. The system computes the hashed value only when the page is committed to the PegaRULES database. Thereafter, the hashed value appears in both the clipboard and the database row.
  4. From the Date-time format or Date format list (depending on your selection for the Type option), select the read-only format or select Custom and enter a valid format in the adjacent, unlabeled field.

  5. Optional:

    To display times using the 24-hour time format, select the Support 24 hour format for time? option.

  6. Optional:

    To display validation messages to users at run time, select the Show validation messages in read-only mode option.

  7. Optional:

    Set advanced presentation options.

    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.
  8. Click Submit.

Did you find this content helpful?

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.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us