Skip to main content

Table of Contents

Specifying presentation options for a Timeline control

Applicable to Theme UI-Kit applications

After you specify the data source and event dates, configure how the Timeline control is visually displayed. You can specify the height of the control and a stylesheet for the control.

  1. In the Height (px) field on the Presentation tab of the Properties panel, specify the height in pixels for the Timeline control.

  2. Optional: To override the application's default style sheet, enter a class name in the Custom CSS class field. For example, your application's style sheet can define styles for different kinds of timelines, depending on what type of event is being displayed. You would enter the appropriate value that overrides .vis-timeline. For more information on timeline styles, see the Vis.js website.

  3. Click Submit.

Previous: Specifying the date range for a Timeline control

Related Content

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