Good evening ! Is there any description file of graphical components of the page (XML or JSON ) generated by UI Designer before its been converted to AngularJS?

Submitted by fatma.ghorbel_1... on Wed, 04/15/2020 - 16:03
1
0
-1
#UI Designer
#page
2 answers

Submitted by Pablo Alonso de... on Wed, 04/15/2020 - 17:33
1
0
-1

Hi Fatma,

Technically, it is possible and it is in our radar, but I invite you to play with UI Designer project - https://github.com/bonitasoft/bonita-ui-designer

This is the class that is building the HTML

https://github.com/bonitasoft/bonita-ui-designer/blob/master/backend/webapp/src/main/java/org/bonitasoft/web/designer/visitor/HtmlBuilderVisitor.java

Have in mind that widget mechanism is based on AngularJS so some refactoring should be done there as well

Comments

Submitted by fatma.ghorbel_1... on Wed, 04/15/2020 - 17:40

sorry but what do you really mean by widget mechanism , can you explain more please?

Permalink
Submitted by Pablo Alonso de... on Wed, 04/15/2020 - 17:54

When building a widget to be injected in a page, UID generates an AngularJS directive with the template and controller of the widget. If you plan to build a React Page, this mechanism has to be reviewed as well

Permalink
Submitted by fatma.ghorbel_1... on Wed, 04/15/2020 - 18:07

Well I see ! you mean widgets have to be converted into Angular or React before using em in a page...

Permalink
Submitted by fatma.ghorbel_1... on Thu, 04/16/2020 - 16:35

About refactoring standard widgets of Bonita, can you link down here github class or smth that could help me in this?

Permalink

Submitted by Pablo Alonso de... on Wed, 04/15/2020 - 17:12
1
0
-1

HI Fatma,

Yes, it exists, this is the page descriptor that is used to render the page on UID and then generate the export.

The file is kept in the Studio repository and you can access to it once the page is exported, it is the file page.json inside resources folder

Comments

Submitted by fatma.ghorbel_1... on Wed, 04/15/2020 - 17:17

can I use this file to generate the page in Angular or React for example?

Permalink
Notifications