Extending User Interface with Widgets

Overview

Go beyond the basic design of forms using Bizagi Widgets. Customize and extend the functionality of user interfaces by developing your own controls (Widgets), or by using ready-to-use ones.

Learn about what a Widget is, how it is structured, how to create a new Widget, how to modify an existing one, and how to use available libraries and plug-ins. Enjoy discovering a new world, that allows you to extend user interfaces.

Objectives

  • Learn what a Widget is and how to create your own.
  • Learn how to use Ready-to-use Widgets from the Bizagi Widget xchange.
  • Learn how to re-use and customize existing Widgets, and how to use available libraries and plug-ins.
  • Learn how to use the Bizagi Widget editor.

Topics outline

  • Introduction
  • Widget Editor
  • The Widget Structure
  • How to create a new Widget
  • Functions of Widgets and Troubleshooting
  • Modify a Widget from Bizagi Widget xchange

Recommended background

This course is aimed at professionals who are involved and interested in the development of BPM projects, particularly for the design of user interfaces. This course requires you to have basic knowledge of JavaScript, HTML, CSS, jQuery and JSON notation, and web browser console and debugging options.

Prerequisites

This course has been designed with Bizagi 11.1. Download here.

How it works

We recommend the course taker to view the course’s resources and reproduce them in his/her local environment in order to clarify any possible doubts he/she might have regarding procedure, practice or theory involved in the exercises.

The effectiveness of the course is directly related to the effort that is invested in it. The resources are available for free for anyone who wants to learn something about Bizagi Connectors, but the results achieved are dependent on the amount of time and work the learner is prepared to commit to the course.

Extra resources

No matter how you learn best, or whether you are looking for free or personalized learning experience, Bizagi offers a number of complementary options to meet your learning requirements.

Select and combine the learning methods you prefer to accelerate your learning journey.

Click here to see more options