Script-Control of the Left Pane

In WebOffice it is possible to control the width and orientation of the Left Pane within the WebOffice core Client via a script. In the following paragraphs, there are three basic functions described, with which you can adjust the orientation of the Left Pane and the Ribbons in an individual way. To perform these functions, use the WebOffice debug console that can be accessed via the shortcut Ctrl + Alt + D.

1. Hiding the Ribbons and the Left Pane

client.api.changeUIElement (
{'Type': 'ribbon', 'display': false},
{'Type': 'leftpane', 'display': false}
);

With the function above, it is possible to hide the Left Pane and the Ribbons within the WebOffice core Client. Enter this function in the Execute Javascript - eval() field within the debug console and confirm theses settings by clicking on the arrow button next to the box:

You can also edit and enhance this function individually. For example: If you want to display only one of the two elements within the WebOffice core Client, you only have to set the display element within the script on 'true' -  either for the Left Pane or for the Ribbons.

2. Hiding the Ribbons and broadening of the Left Pane

client.api.changeUIElement(

{ 'type':'ribbon', 'display': false },

{ 'type':'leftpane', 'width': 500 }

);

With this function, it is possible to hide the Ribbons, while expanding the Left Pane of the WebOffice core Client to 500 pixels.  Enter this function in the Execute Javascript - eval() field within the debug console and confirm theses settings by clicking on the arrow button next to the box:

You can also edit and enhance this function individually. For example: Vary the value of the width element within the script to expand the Left Pane according to your wishes. If you also want to display the Ribbons, set the display element on 'true'.

3. Switching the Left Pane

client.api.changeUIElement (
{'Type': 'leftpane', 'toggle': true}
);

With this function, you are able to switch the Left Pane of the WebOffice core Client from hide to display and vice versa. Enter this function in the Execute Javascript - eval() field within the debug console and confirm theses settings by clicking on the arrow button next to the box: