In my application I am using the Bootstrap theme that comes with the extension library. In the application I have a button with which I want to enable/disable the appearance of the debugtoolbar plugin for the end-user so it will be easier to handle incident reports when they should occur.
So in my application layout control I added the toolbar and compute the appearance:
Now somewhere in my application I have in a dialog a button to show/hide the debug toolbar:
In the browser it looks as followed:
At first when I pressed the button the styleClass would update ONLY when I totally refreshed the page which was undesired.
The trick here is to disable the theme for the button:
I then have to surround the button with additional HTML span element:
<span class=”btn-group”><xp:button…/></span>
As a result the button changes styleClass correctly:
Want to know more about XPages dev item? Just drop a question below…