Overview
The Timeline Widget for Bizagi is available for download at Bizagi Widget Xchange.
Through this Widget, you will be able to display a series of recorded events (those having a date and further description) in a timeline presentation.
Before you start
In order to test and use this Widget, you will need:
1.Bizagi Studio previously installed.
2.This specific Widget previously installed, either as described at https://help.bizagi.com/platform/en/index.html?widget_xchange.htm, or as described at https://help.bizagi.com/platform/en/index.html?widgets_manualinst.htm.
Data model considerations
In order to use this Widget, you need in your data model a Collection type attribute which holds the multiple records to display.
Such collection should include these attributes:
•One date type attribute.
•Two string type attributes, one holding a brief description (e.g, title, subject, summary) and another for a detailed description (e.g, comments, observations, description, detail).
The sample image below shows the use of a TicketHistory collection, while relying on the Date, Posted by, and Comments attributes.
Properties configuration
In order to configure this Widget once it is installed in your project, include it in any form and set it properties in the Forms designer, just as you would do with any other type of Bizagi control.
Consider the following properties.
PROPERTY / SUB-PROPERTY |
POSSIBLE VALUES |
DEFAULT VALUE / SUGGESTED |
|---|---|---|
Data binding |
A collection type attribute which holds the multiple records displayed in chronological order. |
Not applicable. This property is mandatory. |
Date (sub-property of data binding) |
The date on which a recorded event happened. |
Not applicable. This property is mandatory. |
Title (sub-property of data binding) |
A general title to be showed as the header for a record's event. |
Not applicable. This property is mandatory. |
Content (sub-property of data binding) |
A descriptive information for each specific record's event. |
Not applicable. This property is mandatory. |
Color |
The base color which is used for each of the elements of the timeline. Possibilities are: Green, Blue, Yellow or Gray. |
Green |
|
Notice all Bizagi controls and Widgets, enable a visible property which allows you to set if that control should be displayed in a given form or not (e.g, by using a business rule).
This Widget is designed as read-only. |
For complete documentation or more information about this Widget's possibilities (e.g, if you wish to customize and extend it), refer to the information about the implemented jQuery Plugin at http://jquery-plugins.net/timeliner-js-jquery-plugin-for-making-simple-historical-timelines.
Watch it in action
The process help Desk available in Process Xchange has already a completely functional Timeline widget in it. (https://www.bizagi.com/en/platform/xchange).
Last Updated 10/28/2022 10:05:09 AM