This page lists the classnames for different buttons within the sidebar, and is for those seeking to customize or understand the styling applied to these components. You can use this information to more easily modify or enhance the user interface of your web application.
This page will cover button classnames for the following sidebar areas:
The tables in this section list the classnames for buttons within the content area of the sidebar.
This section lists the Add-on sidebar widget sub-elements and classnames.
This section lists the Button sidebar widgets and their respective deprecated and new classnames.
This section lists the Button sidebar widgets and their respective deprecated and new classnames.
This section lists the Button sidebar widgets and their respective deprecated and new classnames.
This section lists the Carousel sidebar widgets, sub-elements, and classnames.
This section lists the Dynamic sidebar widgets, sub-elements, and classnames.
This section lists the Form sidebar widgets, sub-elements, and classnames.
This section lists the Form sidebar widgets, sub-elements, and classnames.
This section lists the Icons sidebar widgets, sub-elements, and classnames.
This section lists the Image sidebar widgets, sub-elements, and classnames.
Change Image
This section lists the List sidebar widgets, sub-elements, and classnames.
This section lists the Menu sidebar widgets, sub-elements, and classnames.
This section lists the Paragraph sidebar widgets, sub-elements, and classnames.
This section lists the Social sidebar widgets, sub-elements, and classnames.
The tables in this section list the classnames for buttons within the row area of the sidebar.
Column Structure
The tables in this section list the classnames for buttons within the settings area of the sidebar.
Sub-Element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-elemet | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
Sub-element | Deprecated | New Classnames |
---|---|---|
NA
btn
btn-primary
add-on-sidebar-button--cs
NA
btn-primary
BeeButton_*
ai-sidebar-icon--cs
Special links
href-container__link
href-container__link--special-link
href-special-link--cs
Link file
href-container__link
href-container__link--link-file
href-link-file--cs
Add custom special link
href-container__link
href-container__link--special-link
href-custom-special-link--cs
Add new attribute
btn
btn-primary
icon-manager__add-icon
icon-manager__add-icon--cs
BeeButton_*
toggle-menu-button--cs
Delete
field-remove
delete-attribute--cs
NA
btn
btn-primary
icon-manager__add-icon
BeeButton_*
icon-manager__add-icon--cs
Change image
NA
carousel-item-change-image--cs
Delete
NA
carousel-item-delete-image--cs
NA
btn
btn-primary
BeeButton_*
select-merge-content--cs
NA
NA
content-dialog-button--cs
Edit
field-edit
form-field-edit--cs
Delete
field-remove
form-field-delete--cs
Add new field
btn
btn-primary
icon-manager__add-icon
icon-manager__add-icon--cs
BeeButton_*
toggle-menu-button--cs
NA
btn-primary
BeeButton_*
ai-sidebar-icon--cs
Button
btn
btn-primary
icon-manager__add-icon
icon-manager__add-icon--cs
BeeButton_*
icons-add-icon--cs
Change image
btn-primary
BeeButton_*
BeeIcons_*
icons-change-icon--cs
Apply effects
btn-default
BeeButton_*
BeeIcons_*
icons-edit-icon--cs
Delete
BeeButton_*
BeeIcons_*
icons-delete-icon--cs
NA
btn
btn-image-editor
btn-default
BeeButton_*
btn-image-editor--cs
NA
btn
btn-file-picker
btn-secondary
BeeButton_*
btn-file-picker--cs
Special links
href-container__link
href-container__link--special-link
href-special-link--cs
Link file
href-container__link
href-container__link--link-file
href-link-file--cs
Add custom special link
href-container__link
href-container__link--special-link
href-custom-special-link--cs
Add new attribute
btn
btn-primary
icon-manager__add-icon
icon-manager__add-icon--cs
BeeButton_*
toggle-menu-button--cs
Delete
field-remove
delete-attribute--cs
NA
btn
BeeButton_beeButton*
ai-sidebar-icon--cs
NA
btn
btn-primary
icon-manager__add-icon
icon-manager__add-icon--cs
BeeButton_*
menu-items-add-button--cs
Delete
BeeButton_*
BeeMenuItems_*
menu-items-delete-button--cs
Link file
href-container__link
href-container__link--link-file
href-link-file--cs
NA
btn-primary
BeeButton_beeButton*
ai-sidebar-icon--cs
Button
btn
btn-primary
icon-manager__add-icon
icon-manager__add-icon--cs
BeeButton_*
social-add-icon--cs
Delete
icon-remove
icon-remove--cs
Change image
btn-primary
BeeButton_*
BeeSocialIcons_*
social-change-icon--cs
Apply effects
btn-default
BeeButton_*
BeeSocialIcons_*
social-edit-icon--cs
Choose image
btn
btn-file-picker
btn-secondary
btn-primary
BeeButton_*
btn-file-picker--cs
Change video
btn
btn-file-picker
btn-primary
BeeButton_*
btn-file-picker--cs
Select condition
btn
btn-primary
BeeButton_*
row-display-condition-select-button--cs
Add condition
btn-default
BeeButton_*
row-display-condition-add-button--cs
Edit condition
btn-default
BeeButton_*
row-display-condition-edit-button--cs
Open builder
btn
btn-primary
BeeButton_*
row-display-condition-builder-button--cs
Add new
column-manager--add
BeeButton_*
column-manager-add--cs
Delete
column-manager--delete
BeeButton_*
column-manager-delete--cs
Add favicon
btn
btn-primary
icon-manager__add-icon
icon-manager__add-icon--cs
BeeButton_*
favicon-add-icon--cs
Change favicon
btn-primary
BeeButton_*
favicon-change--cs
Delete
BeeButton_*
favicon-delete--cs