Extending or customizing the User Interface (Widgets)

<< Click to Display Table of Contents >>

Navigation:  Bizagi Studio > Process wizard > Define Forms >

Extending or customizing the User Interface (Widgets)

Overview

Bizagi offers a comprehensive set of controls to add onto Activities forms (user interfaces).

These set of controls are available out-of-the-box in the Controls tab of the Forms Designer and these are the most commonly required in any form, such as an file upload inputs for attachments, drop-down lists, and radio buttons amongst others.

 

For more sophisticated scenarios in which you require to customize the user interfaces and use extended functionality (i.e., display a statistics chart, use a Google map, integrate webcams, scanners or other peripheral devices, and anything else not considered in the comprehensive set of controls), you have the possibility to include Widgets in your Bizagi Forms.

 

 

 

Widgets_Teaser

 

 

Bizagi Widgets

Widgets are specialized controls with predefined properties oriented toward a specific business requirement. Such properties promote reusability, in such a way that Widgets can be easily bound to any business model.

 

The concept behind a Widget is to be able to define and develop controls which comply with a specific structure (powered to support display in any device), so that these present a custom behavior which is also model-driven (attachable to any Process).

 

note_pin

Widgets supersede a concept presented in previous Bizagi versions (9.1.x), called User fields.

Extensibility of user interface functionality is offered in Bizagi 10.x versions through the Widgets concept which relies on a much more modern, portable and powerful technology.

 

 

Throughout Bizagi Widgets, you may:

 

1. Download ready-to-use Widgets.

You can download excellent Widgets from our Widget Xchange to easily include them in your project.

The store holds a wide selection of Widgets used by the Bizagi community, and that encompasses the following categories: Charts, Finance,  Maps, Utilities and Peripheral devices.

 

For more information about downloading reusable Widgets, refer to Installing Widgets.

 

2. Create your own Widgets.

You can create custom Widgets to extend your Process forms with any interactive options or specific behavior (i.e, invoke REST services, render charts and specific illustrations, embed videos, frames or custom buttons and functionality, etc).

Creating such custom controls requires technical Web developer skills such as:

Being familiar with JSON notation.

Fundamentals and knowledge around HTML and CSS (preferably HTML 5 and CSS 3).

Developing code in jQuery and JavaScript.

 

For more information about how to customize your forms through this concept, refer to Creating widgets