Use the UI Designer to create or edit web artifacts: application pages composing business applications, process forms linked to process instantiation or human tasks execution, as well as application layouts, applied to all pages of a business application.
Artifact creation:
An artifact designed with the UI Designer can be exported to be shared with teammates (import in the UI Designer) or used in business applications (import in Bonita Portal).
There is a set of default widgets for displaying information to and for gathering information from the end users. You can also create custom widgets.
Create a fragment to reuse the same group of widgets with the same behavior in several pages or forms.
The UI Designer generates standard html application code, based on AngularJS. Export pages if you want to further customize them in a different favorite web development environment.
To use a page in a business application, export it from the UI Designer, import it into Bonita Portal resources, and from the relevant application, add it to the list of pages and to a navigation menu.
To use a form in a process, map it in the studio to the relevant process or human task. It will be automatically packaged in the .bar archive ready to deploy in the portal.
To update a form during production, export the form from the UI Designer, import it into the relevant process in the portal, and then map it to the relevant task or process start event.
To use a layout in a business application, export it from the UI Designer, import it into the portal as a resource and map it as the layout of the relevant application.
A pop-up will be displayed to inform users in case of session timeout or running maintenance for all Bonita REST API requests made from UI-Designer pages
The following improvements have been made so that digitally accessible applications could be developed natively with Bonita UI Designer with less custom code:
lang
is now available. The attribute is based on the BOS_locale
cookies at page initialization and will automatically get filled without any user action.caption
property available for adding a titleinput
tag have now an associated label, which will facilitate the use of computer tools (screen readers for example)You can manually declare the Bonita REST API resources which you're using in your artifact when the automatic detection fails to found them.
The automatic detection allows you to see explicitly which REST API resources is needed in your artifact from the newest Bonita Resource panel.
We have reorganized the order of the fields contained in the json file in order to facilitate the file comparison.
Frontend has been migrated to AngularJS 1.8. Note: artefacts are still generated with AngularJS 1.3. Stay tuned for further updates.
A new widget is now available to display our data with currency
To avoid some HTML injection in your page/form, we put for Interpret HTML property the default value to false for all widgets. If you already put this property to true, nothing change for you.
The switch widget feature has been improved to guide the user efficiently to avoid incompatible properties mapping that may lead to inconsistent states of widgets.
It is now possible to define the tab that will be selected by default in the tab group with the new "Selected" field on the tabs.
It is now possible to easily bind the metadata of an API variable response (header, status code, and response value) to other variables
Upgrade between maintenance versions without migration. When a migration is required, get help from the UI Designer (warning icon, confirmation dialog, migration report)
Get all the advanced features such as fragments and localization in the community edition.