Button Sidebar

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:

• Content

• Rows

• Settings

Content

The tables in this section list the classnames for buttons within the content area of the sidebar.

Add-on

This section lists the Add-on sidebar widget sub-elements and classnames.

Add-on CTA

Sub-Element	Deprecated	New Classnames
NA	btn btn-primary	add-on-sidebar-button--cs

Button

This section lists the Button sidebar widgets and their respective deprecated and new classnames.

Write with AI

Sub-element	Deprecated	New Classnames
NA	btn-primary BeeButton_*	ai-sidebar-icon--cs

Link

This section lists the Button sidebar widgets and their respective deprecated and new classnames.

Sub-element	Deprecated	New Classnames
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

Attributes

This section lists the Button sidebar widgets and their respective deprecated and new classnames.

Sub-element	Deprecated	New Classnames
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

Carousel

This section lists the Carousel sidebar widgets, sub-elements, and classnames.

Add New Slide

Sub-element	Deprecated	New Classnames
NA	btn btn-primary icon-manager__add-icon BeeButton_*	icon-manager__add-icon--cs

Draggable Item

Sub-element	Deprecated	New Classnames
Change image	NA	carousel-item-change-image--cs
Delete	NA	carousel-item-delete-image--cs

Dynamic Content

This section lists the Dynamic sidebar widgets, sub-elements, and classnames.

Choose a Custom Merge Content

Sub-element	Deprecated	New Classnames
NA	btn btn-primary BeeButton_*	select-merge-content--cs

Form

This section lists the Form sidebar widgets, sub-elements, and classnames.

Edit Form

Sub-element	Deprecated	New Classnames
NA	NA	content-dialog-button--cs

Manage Fields

Sub-element	Deprecated	New Classnames
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

Heading

This section lists the Form sidebar widgets, sub-elements, and classnames.

Write with AI

Sub-elemet	Deprecated	New Classnames
NA	btn-primary BeeButton_*	ai-sidebar-icon--cs

Icons

This section lists the Icons sidebar widgets, sub-elements, and classnames.

Add New Icon

Sub-element	Deprecated	New Classnames
Button	btn btn-primary icon-manager__add-icon icon-manager__add-icon--cs BeeButton_*	icons-add-icon--cs

Draggable Icon

Sub-element	Deprecated	New Classnames
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

Image

This section lists the Image sidebar widgets, sub-elements, and classnames.

Apply Effects

Sub-element	Deprecated	New Classnames
NA	btn btn-image-editor btn-default BeeButton_*	btn-image-editor--cs

Change Image

Sub-element	Deprecated	New Classnames
NA	btn btn-file-picker btn-secondary BeeButton_*	btn-file-picker--cs

Link

Sub-element	Deprecated	New Classnames
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

Attributes

Sub-element	Deprecated	New Classnames
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

List

This section lists the List sidebar widgets, sub-elements, and classnames.

Write with AI

Sub-element	Deprecated	New Classnames
NA	btn BeeButton_beeButton*	ai-sidebar-icon--cs

Menu

This section lists the Menu sidebar widgets, sub-elements, and classnames.

Add New Item

Sub-element	Deprecated	New Classnames
NA	btn btn-primary icon-manager__add-icon icon-manager__add-icon--cs BeeButton_*	menu-items-add-button--cs

Menu Item

Sub-element	Deprecated	New Classnames
Delete	BeeButton_* BeeMenuItems_*	menu-items-delete-button--cs
Link file	href-container__link href-container__link--link-file	href-link-file--cs

Paragraph

This section lists the Paragraph sidebar widgets, sub-elements, and classnames.

Write with AI

Sub-element	Deprecated	New Classnames
NA	btn-primary BeeButton_beeButton*	ai-sidebar-icon--cs

Social

This section lists the Social sidebar widgets, sub-elements, and classnames.

Add New Icon

Sub-element	Deprecated	New Classnames
Button	btn btn-primary icon-manager__add-icon icon-manager__add-icon--cs BeeButton_*	social-add-icon--cs

Social Icon Item

Sub-element	Deprecated	New Classnames
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

Rows

The tables in this section list the classnames for buttons within the row area of the sidebar.

Row Background Image

Sub-element	Deprecated	New Classnames
Choose image	btn btn-file-picker btn-secondary btn-primary BeeButton_*	btn-file-picker--cs

Row Background Video

Sub-element	Deprecated	New Classnames
Change video	btn btn-file-picker btn-primary BeeButton_*	btn-file-picker--cs

Display Condition

Sub-element	Deprecated	New Classnames
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

Column Structure

Sub-element	Deprecated	New Classnames
Add new	column-manager--add BeeButton_*	column-manager-add--cs
Delete	column-manager--delete BeeButton_*	column-manager-delete--cs

Settings

The tables in this section list the classnames for buttons within the settings area of the sidebar.

Favicon

Sub-element	Deprecated	New Classnames
Add favicon	btn btn-primary icon-manager__add-icon icon-manager__add-icon--cs BeeButton_*	favicon-add-icon--cs

Favicon item

Sub-element	Deprecated	New Classnames
Change favicon	btn-primary BeeButton_*	favicon-change--cs
Delete	BeeButton_*	favicon-delete--cs