Cannot load Bear Table Test Page



I'm trying to use teh Bear Table Custom widget.
I get in in custom widgets list and can insert in my forms and pages. This ok.

In order to understand how to configure it, I'm reading the documentation provided with the widget and I imported the page-testBearTable in UI to see an example of configuration.

The page-testBearTable page has been well imported in UI, however, when I click on to see in in UI Editor, I get the follwing blocking error message:

"Could not load component, unexpected structure in the file [pbDataTable.json]"

I don't how to stop getting his error and make it work. Of courde, I did not change anything in dowloaded files with page-testBearTable.

Please, could someone help me to check if I missed something in importing the test page ?

In advance, thanksfor your response.

Best Regards,



Submitted by Sean McP on Thu, 04/06/2017 - 23:24

what version of Bonitasoft are you using?

Submitted by Freewto on Fri, 04/07/2017 - 01:39

I use community version 7.4.1

2 answers


Hi Pierre-Yves,

in the meantime, I'm progressing with BearTable in Bonita CE.
Progressively, I better understand the meaning and use of properties.

Among others, there is one I do not see at all how to configure and use it.
It's the button control (the generic one, not remove or add or insert)
I can see the button in the related cell, with its "Click" label, but I don't see how to configure it for its label, style and especially action when click on the button

Could you please help me with this topic ? How to configure the button control ?

In advance, thanks and best regards.



Submitted by Pierre-yves Monnet on Fri, 07/28/2017 - 18:06

Hello Walter,

Thanks to use this widget !
The button do this:
To be honest, I don't know what happen here. I presume if you have in the record , in the column, a script, it should be executed ( ? ). Sorry, I did this widget 2 years ago.

UI Designer is not very helpful to run JS "on the demand". So, if you are some specifications, and some idea to share, or better, a way to modify the widget, I'll be happy to integrate it. For example, I think to put the JS in the Header.

Same for the Chart : I try to integrate it, but its not working. Do you want to help me to understand what's wrong ?
Use this header:
{ "title":"market IE",
"size" : 40
{ "title":"market Chrome",
"size" : 40
{ "title":"market Firefox",
"size" : 40
{ "title":"Repartion",
"name": "repartition",
Note: for the moment, value are hard coded; that's only to see how it's works.

Who are in on the two items ?

Submitted by Freewto on Fri, 07/28/2017 - 19:44


Thanks for your prompt response.

Regarding the button control, I did'nt find any property related to a jscript to be executed. May be I missed something. May be the executed script name is hard coded as a global name mandatory to use. If so, what is the name ?

If not, I think that your idea to add JS in header is good. Something like integrate un button control similar to the JS button custom widget that is available in community projects. in this case, would be also great to make possible to configure the label of the button as well.

Another useful feature would be to have like with standard (basic) table the ability to set a variable when selecting a row of the bear table.

Sorry, but I'm not a real developer, even though I have some knowledge.
I can use quite deeply Bonita Studio and UI Designer as long as there is no need to "code" in java (connectors) nor enter in custom widget code (controller).
I can write groovy scripts in Studio including using Bonita API and JavaScripts in UI or use REST API in UI but I'm not familiar with jquery nor AnjularJS. So, difficult for me to help with analyzing custom widget code. I will try to read controller code and see if I can understand enough to make pertinent suggestion but non guarantee.

Thanks for your follow up and possible new features.




Theispage was built using a Subscription widget to compare it, and that's why it's not possible to view it on community.
Widget should work correctly.

I wrote on my todolist to build the same page without any subscription widget.


Submitted by Freewto on Thu, 04/13/2017 - 10:00


Thanks Pierre-Yves for your return and clear explanation.

I'm looking forward to viewing the same page without any subscription widget. Such a practical example would really help better understanding the setting parameters.



Submitted by Sean McP on Thu, 04/13/2017 - 21:53


I think you misunderstand, the sample page was developed with subscription, not the widget.

You can use the widget in your own page and it should work.


Submitted by Freewto on Fri, 04/14/2017 - 00:21


thanks for you return.

I think I well understood Pierre-Yves' point.
As mentioned in my original post, I know and I confirm that the custom widget works (I can include it in my own page and set its parameters).
As a custom page using it exists (provided by Pierre-Yves), my point was to look at it to have an example a bit more concrete than the general explanation provided in the widget doc.

From Pierre-Yves response, I now understand that to do so I will have to wait for a custom page using only this custom widget without any other subscription widget.



Submitted by etchegaray on Wed, 09/06/2017 - 18:18

Hello Pierre-yves Monnet,
Thank you for the widget. Like Walter, I'm progressing with BearTable in Bonita CE. I think that if you can build the same page without any subscription widget, I could to suggest some way to modify the widget. There is some parts of the documentation that I don't understand but with the page perhaps I could.

Best regards,

Javier Sánchez Etchegaray