Displays the product's main events history within a timeline diagram, including lifecycle events and maintenance events.

Design View

In the visual editor, you can find the Product Timeline icon under the Maintenance and Support component palette group.

Code View

Below you can find some examples of how to use the component within a template.


<product-timeline-widget [title]="'Product Timeline'"></product-timeline-widget>

Here is a comprehensive list of all the elements and properties that can be used to configure the component.

<product-timeline-widget>

PROPERTIES

CSS Class

The name(s) of the CSS class used to customize the widget layout.
Type: STRING | Optional
class="my-custom-class"

Title

The title displayed on the top part of the widget box.
Type: STRING | Optional
[title]="'Details'"

Visibility Condition

The expression that allows you to reduce the visibility of the element.
Type: STRING | Optional
*ngIf="getUser().organizationId != null"