Tutorial

bishal.thapaliya_1397822's picture
bishal.thapaliy...
Blog Categories: 

"Really, I can create this cool calculator widget in UI Designer?"

Yes you can do it yourself! You just need to read this article to create your own calculator widget

celine.souchet_1371942's picture
celine.souchet_...
Blog Categories: 

Today, there are different libraries - easy to learn - that allow you to take screenshots of your current web pages and to compare generated screenshots with screenshots baseline in order to find regressions in the user interface (UI) of any web pages.

In this article, I explain how to use one of these libraries - Jest-Image-Snapshot (Jest matcher) - in a Typescript project.

bishal.thapaliya_1397822's picture
bishal.thapaliy...
Blog Categories: 

In this article, I will explain how to create a custom analog clock widget in Bonita UI Designer.

You’ll see how to create an analog clock widget, change the appearance of the widget when you drag and drop it onto the whiteboard in Bonita UI Designer, and how to add some CSS and Javascript to make the clock widget functional to the end-users.

pascal.garcia's picture
pascal.garcia
Blog Categories: 

If you are using legacy software that is mature and working well, but has a large, complex code base - and you want to add new features without adding more complexity, we have a way of doing that with Domain Driven Design, Clean Architecture, or CQRS techniques that could help you.

This article offers a step by step guide on how to add this feature on your own legacy software based on a real life example.

anthony.birembaut's picture
anthony.birembaut
Blog Categories: 

If you are currently using a version of Bonita 6.x and would like to be able to migrate to a more recent version of the platform, this article will explain how to manage your externalized web forms so you can adapt them progressively to the new UI features of Bonita.

dumitru.corini_1385394's picture
dumitru.corini_...
Blog Categories: 

This article is a continuation of the article Development of a UI Designer page as done at Bonitasoft, Part 1 in which I talked about general page design choices, and then specifically about a list-styled page. I suggest reading that first before you read this.

In this article, I will detail the edit group modal. I chose to focus on this as it has most of the things you can find in other modals - and more.

dumitru.corini_1385394's picture
dumitru.corini_...
Blog Categories: 

This article is intended to provide insight into the internal development process of a user interface page and to explain some of the design choices that we have made at Bonitasoft.

These page design choices should drive you towards more maintainable code and also give you some insight on best practices.

delphine.coille's picture
delphine.coille
Blog Categories: 

... in a BPMN Visualization open source project

You have heard about GitHub Actions but don't know how to use it? Marcin is explaining you how useful it is for the team to create a build workflow for BPMN Vizualisation open source project.

delphine.coille's picture
delphine.coille
Blog Categories: 

As part of your project you might need to manage dates and times on different ways.

To manage dates and times in the BDM and user interfaces, Bonita comes with 3 types of data that you can manipulate through processes, APIs and user interfaces (forms/pages).

anthony.birembaut's picture
anthony.birembaut
Blog Categories: 

Remember what we have been able to do with Autocomplete thanks to a contribution from our community? This article reviews this story, the different alternatives to contribute, the benefits and how you can do it for other features.

Follow me in this step-by-step guide!

Notifications