Custom Widget

Having Trouble With Custom Widget... Works as custom page, but cant get to work in custom widget

I created a custom page that displays an LHC-Lform in a bonita page, but when I try to get the same functionality into a widget it fails. I am sure it has something to do with the way I set the controller, but I cant determine what I have done wrong.

I appreciate any help you can provide to make this work. Thanks!

Link to zip file of Working Page -

How to define angular js filter in Custom widget in UI designer.


I need to create a simple custom widget with Angular Js.

I define the app controller inside the controller

app.filter('startFrom', function() {

return function(input, start) {
    start = +start;
    return input.slice(start);


var startFrom= $filter('filter');

    startFrom([],  function(input, start) {
            if (input) {
        start = +start;
       return input.slice(start);
    return [];

However, it seems not working.

The template code is

Angular js with custom widget : uib-pagination is not working.

I created a simple custom widget with angular js.

The code is simple.
I added angular js asset.

however,** uib-pagination** didn't appear in UI preview.
I would like to know if I miss some part.
Any help appreciated .



multiselect dropdown custom widget

How to fire the Custom Widget

I have a page with a Select and a Text Field from a Custom Widget in it.

When I change the Select I need the Custom Widget to fire so the Text Field can be updated.

It seems the Custom Widget only fires once on page load which means I'm not able to update my data.

Can anyone tell me how to fire my Custom Widget based on the change of a Select?

Many thanks in advance


I would like to make my own custom submit button

I would like to make my own custom submit button.
What I want is that when I click the new submit button, it will open a popup window to show some messages to the user. The submit button I created so far opens a popup message but I am not sure how the submit in Bonita actually works.

In the Custom widget editor, I used html tag <input type="submit> to create a submit button, but it doesn't seem to be working and the page stays in the same page. How can I create a custom submit button and how to send the data on click?

How to create a custom button that run a function called in properties?


i need to call a function in UI design only when a button ( or custom button ) is pressed.

I create a javascript variable that print all the input that the customer wrote in the forms.

it work but i need to call it with a click on the button only when the customer compiled all the data.

i tried to create a custom widget that run a function added in properties value but it doesn't work.

here the code:


Create PDF


How to add one row to a table from a pop-up o modal pannel?

Hi all

I am a newbie at Bonita 7.2, I have done a pop-up, with a custom widget and with JQuery, and I need to fill in some fields in this modal pannel, and I do it with out problems. Then I need to add this row to a table of the form, and I don't know how to do it from the custom widget, to refresd this data, and also save it to the data base

Any assistance would be greatly appreciated.

Kind regards,

adding default container container to a custom widget

Greetings, I need a tabs container that can hide some tabs, Bonita's tab container widget hasn't so I made a simple
tabs function
Now I need to add the containers to this tabs, I found some Bonita code on git ( )
but I don't know how to add it, so i need some help with that


Custom Widgets - $sce

Question 2)

We are generating HTML in some connectors that needs to be displayed on the page. Normally this is not allowed and requires special handling.

We have found the ngSanitize is depreciated and want to use $sce instead.

But $sce has to be injected into our controller, it's not available by right.

Our template looks like: