Disable Columns
This feature allows developers to configure the builder to remove the ability to create or edit multi-column blocks. When columns are disabled, blocks will be restricted to a single column, hiding the Columns tool and any multi-column layout options from the editing panel and the Blocks tab. This ensures that all created content will follow a single-column structure, which can be useful for simplifying designs or following specific layout constraints.
How It Works
When the columns feature is disabled, the following changes occur:
- The Columns tool is removed from the builder's toolbar.
- The ability to add multi-column blocks is disabled.
- Only single-column blocks will be available in the Blocks tab.
Enabling the Feature
To disable columns, you need to configure the builder by passing the columns: false
option within the editor configuration. This can be done when initializing the builder.
Example: Disabling Columns
cy.loadEditor({
editor: {
columns: false,
},
});
In this configuration:
columns: false
disables the columns feature, ensuring that only single-column blocks are allowed in the editor.
Use Case
This feature is useful for applications or use cases where multi-column layouts are not desired or needed. For instance:
- Mobile-First Designs: If your design is primarily targeting mobile devices, single-column layouts are typically preferred for readability and simplicity.
- Simplified User Experience: Removing the complexity of multi-column blocks can simplify the builder experience for less experienced end-users.
- Strict Design Guidelines: If your application enforces strict design guidelines that mandate single-column layouts, this option will ensure that no multi-column blocks are created.
Updated 17 days ago