Progress circle

<< Click to Display Table of Contents >>

Navigation:  Widgets >

Progress circle

Overview

The Progress circle Widget for Bizagi is available for download at Bizagi Widget Xchange.

Through this Widget, you will be able to display a graph (a circle chart) indicating a given statistic in your processes.

 

Circle_teaser

 

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 Integer type attribute which holds the percent statistic you want to display.

 

Circle_datamodel

 

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.

 

Circle_forms

 

Consider the following properties.

 

PROPERTY

POSSIBLE VALUES

DEFAULT VALUE / SUGGESTED

Data binding

An integer type attribute representing the percentage information.

 

Notice you may use a default value setting.

Not applicable.

This property is mandatory.

Style

A number from 1 to 4 representing the 4 different preset styles of the chart.

1

Animation speed

A setting indicating the speed the chart uses to fill itself with progress. Possibilities are:

Slow

Medium

Fast

None

Medium

Size

A setting indicating the overall size (height and width) the chart takes up.

Possible values are:

Small

Medium

Large

Fit (width=100%)

Medium

Base color

The base color (for the fill of the chart and other elements) of the chart.

Possibilities are: Green, yellow, brown, white, blue or red.

Green

 

note_pin

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/circliful-jquery-circle-statistics-plugin.

 

Watch it in action

The process Opportunity Management available in Process Xchange has already a completely functional Progress circle widget in it. (https://www.bizagi.com/en/platform/xchange).

 

Circle_forms_xchange

 


Last Updated 10/28/2022 10:00:40 AM