Dynamic List Layout Toggle

Overview

The Dynamic List Layout Toggle Plugin enables users to switch between list and column layouts dynamically. It appends a custom header with toggle buttons, allowing users to change views in real-time. The selected layout preference is saved in localStorage, ensuring a personalized and consistent experience across sessions.

Use Cases

• This plugin is ideal for applications displaying data in multiple formats, such as product listings, task lists, or directory-style layouts. It allows users to choose the most convenient view based on their workflow and preferences.

Installing the plugin

Prerequisites:

1. The page must have a list component
2. The list must have an any fields
3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this list, this can be a parent or child page. 
2. Click on the Plugins
3. Find the Dynamic List Layout Toggle plugin
4. Select the list
5. Select the any fields

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.