Radio Group

Radiogroups in the context of our web application refer to a UI component that groups together a set of radio buttons, allowing users to select one option from multiple choices. Each radiogroup is associated with specific classnames that define the appearance and behavior of the grouped buttons within the sidebar's layout. These classnames, such as radiogroup--cs and radiogroup-button--cs, are crucial for ensuring consistent and functional navigation in your application's user interface.

This page will cover widget classnames for content in the sidebar. This section will list the classnames for the following sidebar tabs:

• Rows

• Rows & Content

• Content

• Settings

Rows

This section lists the classnames for widgets and content within the row area of the sidebar.

Vertical Align

Content	Deprecated	New Classnames
NA	NA	radiogroup--cs radiogroup-button--cs active--cs

Row Background Image - Apply Image To

Content	Deprecated	New Classnames
NA	tgl-container tgl-container--cs btn-group number-selector number-selector--cs tgl_bgd active btn multiToggle_option_background-toggle-content-area multiToggle_option_background-toggle-row btn-primary tgl-label	radiogroup--cs radiogroup-button--cs active--cs

Rows & Content

This section lists the classnames for widgets and content within the Row & Content area of the sidebar.

Hide On (Mobile/Desktop) + Confirmation Modal

Content	Deprecated	New Classnames
Button Carousel Divider Form Heading Html Icons Image List Menu Dynamic Content Paragraph Social Spacer Text Video	hide-on-mobile__desktop hide-on-mobile__mobile btn-primary hideOn-confirm-modal-icon--cs	radiogroup--cs radiogroup-button--cs active--cs confirm-modal-icon--cs

Content

This section lists the classnames for widgets and content within the Content area of the sidebar.

Hide on (amp/html)

Content	Deprecated	New Classnames
Button Divider Form Heading Html Icons Image List Dynamic Content Paragraph Social Spacer Text Video	hide-on-amp__amp hide-on-amp__html btn	radiogroup--cs radiogroup-button--cs active--cs

Align

Content	Deprecated	New Classnames
Button Form Form Label Options Form Button Options Heading Icons Image Menu Paragraph Social Divider	item_1-2 widget__label btn btn-default align-left active btn-align-left btn-align-right btn-align-center btn-align-justify	radiogroup--cs radiogroup-button--cs active--cs

Line Height

Content	Deprecated	New Classnames
Button Form Label Options Heading Paragraph List Text	item_1-2 widget__label active btn-line-height--120 btn-line-height--150 btn-line-height--180 btn-line-height--200	radiogroup--cs radiogroup-button--cs active--cs

List Type

Content	Deprecated	New Classnames
List	icon-toggle icon-toggle--cs icon-toggle-item icon-toggle-item--cs icon-toggle-item--active	radiogroup--cs radiogroup-button--cs active--cs

Label Position

Content	Deprecated	New Classnames
Form Label Options	tgl-container tgl-container--cs item_1-2 widget__label btn-group number-selector number-selector--cs tgl_bgd active btn multiToggle_option_descriptor_form_style_labels_label-position_0 multiToggle_option_descriptor_form_style_labels_label-position_1 btn-primary static-label tgl-label	radiogroup--cs radiogroup-button--cs active--cs

Text Direction

Content	Deprecated	New Classnames
Button Heading List Paragraph	paragraph-item paragraph-item--active	radiogroup--cs radiogroup-button--cs active--cs

Select the Content to Use

Content	Deprecated	New Classnames
Dynamic Content	item_1-2 widget__label radio-button radio-button__radio	radiogroup--cs radiogroup-button--cs active--cs

Settings

This section lists the classnames for widgets and content within the Settings area of the sidebar.

Content Area Align

Content	Deprecated	New Classnames
NA	tgl-container tgl-container--cs item_1-2 widget__label btn-group number-selector number-selector--cs tgl_bgd active btn multiToggle_option_content_computedStyle_align_0 multiToggle_option_content_computedStyle_align_1 btn-primary static-label tgl-label	radiogroup--cs radiogroup-button--cs active--cs