====== Project-level Optional Property: Side Bar  (XOT only)======

The XOT Side Bar is an optional property which can be applied at project level. Its function is to replace some of the buttons normally found in the footer with a collapsible menu placed to the side of the project interface. The Side Bar can contain text information on the buttons which is not possible in the footer.  This can help draw the viewer's attention to key features, such as Accessibility options, which may otherwise be missed.  Its collapsible state allows it to be removed when the viewer wants to concentrate on the main content of the resource.


===== Editor Interface =====

{{xot_sidebar.png|XOT Side Bar editor interface.}}

===== Properties =====

| **Property** | **Description** | **Type** | **Additional information** |
| Create Side Bar | When checked the Side Bar properties are displayed. | Tick box |   |
| Position | Where the Side Bar is positioned in the learning object {**Left**/Right} | Drop-down |   |
| Default State | Whether the Side Bar is displayed or collapsed when the learning object is viewed. {**Open**/Closed} | Drop-down |   |
| Side Bar Buttons | Section heading |   |   |
| Glossary, Table of Contents, Project Introductions, Accessibility, Project Help, Page Introduction  | Select which buttons to display in the Side Bar.  | Tick boxes  | Any buttons not selected for the Side Bar will remain visible in the footer.  |
| Display Button Title  | When selected the buttons will display the relevant text as well as an icon.  | Tick box  | When not selected only the icons will display.  A tooltip will display when the mouse hovers over the icon, with the relevant text.  |
| Button Size  | The size of the buttons displayed in the Side Bar. {**Small**/Large}  | Drop-down  |   |
| Show / Hide Side Bar Buttons  | Section heading  |   |   |
| Customise Button Icons  | When selected the option to change the Side Bar show / hide icons appear.  | Tick box  |   |
| Hide Side Bar - Tooltip  | Editable tooltip text which displays when the mouse is hovered over the Hide Side Bar button. {Hide side bar}  | Text  |   |
| Hide Side Bar - Icon  | Icon selector for the button that collapses the Side Bar.  | Button  |   |
| Show Side Bar - Tooltip | Editable tooltip text which displays when the mouse is hovered over the Show Side Bar button. {Show side bar}  | Text |   |
| Show Side Bar - Icon | Icon selector for the button that reveals the Side Bar.  | Button |   |


===== Example =====

{{example_xot_sidebar.png|Example of the XOT Side BAr.}}