Layout and Structure Widgets
Overview
This page covers the classnames used for managing the layout and structure of your web application, including rows, columns, carousels, and menus. Below, you will find detailed information on each widget’s classnames, including deprecated versions (if applicable) and current classnames to ensure your application remains up-to-date.
1. Row Structure
Description: Row structure widgets define the layout of rows in your application. You can customize background images, videos, alignment, and other properties related to row display.
Deprecated Classnames:
PanelGroup_handle*
New Classnames:
panel-group-dragging--cs
column-manager-delete--cs
Sample CSS:
Sample HTML:
2. Column Structure
Description: Column structure widgets define the layout and behavior of columns within a row. They control how content is divided into multiple columns and can include functionality for adding or deleting columns.
Deprecated Classnames:
PanelGroup_handle*
New Classnames:
column-manager-delete--cs
Sample CSS:
Sample HTML:
3. Carousel
Description: The carousel widget allows you to display content in a slider format, typically with multiple slides that users can navigate through. Carousels can contain images, text, or custom content.
Deprecated Classnames:
PanelGroup_handle*
New Classnames:
carousel--cs
carousel-slide--cs
Sample CSS:
Sample HTML:
4. Menu Structure
Description: Menus are used to create navigation within your application. The menu structure widget provides a customizable way to organize links and buttons, allowing for horizontal and vertical layouts.
Deprecated Classnames:
PanelGroup_handle*
New Classnames:
menu--cs
menu-item--cs
Sample CSS:
Sample HTML:
5. Column Alignment
Description: The column alignment widget allows you to control how content within a column is aligned—left, right, center, or justified.
Deprecated Classnames:
PanelGroup_handle*
New Classnames:
column-align-left--cs
column-align-right--cs
Sample CSS:
Sample HTML:
6. Row and Column Divider
Description: Dividers are used to visually separate rows and columns, providing a cleaner and more organized layout.
Deprecated Classnames:
PanelGroup_handle*
New Classnames:
row-divider--cs
column-divider--cs
Sample CSS:
Sample HTML:
7. Dynamic Content Area
Description: The dynamic content area widget allows you to configure dynamic content for columns or rows, such as pulling in data from external sources.
Deprecated Classnames:
PanelGroup_handle*
New Classnames:
dynamic-content-area--cs
content-area-active--cs
Sample CSS:
Sample HTML:
This page consolidates all classnames related to layout and structure widgets. For deprecated classnames, ensure you are transitioning to the new ones.
Last updated