Display HTML content on a sidebar on the left of the viewer.
This example adds a custom button to toggle a panel.
Open the side panel.
| || ||Unique identifier of the panel, this will be used to |
| || ||HTML content of the panel.|
| || ||Remove the default margins inside the panel.|
| || ||Initial width if the panel (example: |
| || ||Function called when the user clicks inside the panel or presses the Enter key while an element focused.|
After openning, the first focusable element (
button or anything with
tabindex) will be focused, allowing the user to navigate with the Tab key and activate the
clickHandler with the
Hide the panel, without condition if
id is not provided, or only if the last
show was called with the same
Check if the panel is opened.
Triggered when the panel is opened.
Triggered when the panel is closed.