Component to Side Widget with Toggle Button

Overview

The Component to Side Widget with Toggle Button Plugin enhances your widget by introducing a dynamic side panel that can be toggled open or closed. When a user clicks a designated button, the panel slides into view to display additional content or controls. A close button inside the panel allows users to hide it again. If a table row link is clicked, the panel automatically closes to ensure focus returns to the main content. This plugin improves usability by keeping the interface clean and allowing users to access contextual details without leaving the page.

Use Cases

• This plugin is ideal for applications that require side-by-side viewing or contextual details—such as displaying record details next to a table, editing settings without navigating to a new page, or showing logs, filters, or messaging panels. It’s especially useful in dashboards or admin interfaces where users need quick access to secondary content while maintaining visibility of the primary screen.

Installing the plugin

Prerequisites:

1. The page must have any components
2. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this component, this can be a parent or child page.
2. Click on the Plugins
3. Find the Component to Side Widget with Toggle Button plugin
4. Select the component

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.