Hi all, I am playing a little bit with a new feature in Enterprise Browser 1.7 -> Custom ButtonBars. I defined some layouts for the bars and I tried the custom JavaScripts for the buttons as well. Everything I tried worked fine for me until now.
Today I wanted to create a button on the page to show/hide (toggle) the ButtonBar1 and ButtonBar2. So according to TechDocs I wrote a script right in the HEAD section of the html page with the following code:
 
var barOpened = 0;         function toggleBar()         {             if (barOpened == 0){                 showBar();             } else {                 hideBar();             }         }                  function showBar()         {         barOpened = 1;         ButtonBar1.show();         ButtonBar2.show();         }          function hideBar()         {         barOpened = 0;         ButtonBar1.hide();         ButtonBar2.hide();                 } 
and I added a button on the page:
 
Toggle button bar  
Unfortunately, it does not work. When I press the button, ButtonBars don't show/hide as wanted. I debugged the code using Chrome DevTools and it throws an error for ButtonBar1:
Uncaught ReferenceError: ButtonBar1 is not defined

So I tried to use customDOM injection method I used before to show the bars and this works fine.
 
But even if I show the Button bars this way, my Toggle button still does not work.
 
I tried to read the TechDocs articles related to ButtonBar API several times, but I wasn't able to solve this issue. I guess I'm just missing little-something-somewhere, as usually
 
Anyone have an idea what could be the problem?
 
Martin