Input Text

This page discusses and lists the various CSS classnames relevant to the application's sidebar widgets where textual input is required. These classnames facilitate the styling and functional integration of widgets such as URLs, images, alt texts, and more, providing a comprehensive guide for developers to enhance the user interface effectively.

This page will cover button classnames for the following sidebar areas:

• Content

• Rows

• Settings

Content

This section lists the classnames for widgets within the Content tab.

Image

The following table lists the widget, deprecated classnames, and new classnames for the Image content type.

Widget	Deprecated	New Classnames
URL	number-selector--cs input-image-url item_1-2 widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

Note: The sections below list additional deprecated and new classnames for the Image content type. The table above covers classnames specific to the Image widget, while the following tables include classnames that are shared between the Image content type and other content types.

Image, GIF, and Sticker

The following table lists the widget, deprecated classnames, and new classnames for the Image, GIF, and Sticker content types.

Widget	Deprecated	New Classnames
Alt Text	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Dynamic Image > Dynamic URL	number-selector--cs alternate-text--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input text-boxed--cs dynamic-image-url--cs

Image, Button, Icons, Menu, GIF, and Sticker

The following table lists the widget, deprecated classnames, and new classnames for the following content types:

• Image

• Button

• Icons

• Menu

• GIF

• Sticker

Widget	Deprecated	New Classnames
Web page > URL	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Send email > Mail to	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Send email > Subject	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Send email > Body	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Tel > Tel	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Send SMS> Tel	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Send SMS > Message	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

Image, Button, GIF, Sticker, and Video

The following table lists the widget, deprecated classnames, and new classnames for the following content types:

• Image

• Button

• GIF

• Sticker

• Video

Widget	Deprecated	New Classnames
Attributes	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

Video

The following table lists the widget, deprecated classnames, and new classnames for the video content type.

Widget	Deprecated	New Classnames
URL	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Title	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

Social

The following table lists the widget, deprecated classnames, and new classnames for the social content type.

Widget	Deprecated	New Classnames
Item > Title	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Item > Alt text	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Item > URL	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

Icons

The following table lists the widget, deprecated classnames, and new classnames for the icon content types.

Widget	Deprecated	New Classnames
Item > Image URL	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Item > Alt text	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Item > Icon Text	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Item > Title	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

Form

The following table lists the widget, deprecated classnames, and new classnames for the Form content types.

Widget	Deprecated	New Classnames
Field label	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

All Modules

The following table lists the widget, deprecated classnames, and new classnames for all modules.

Widget	Deprecated	New Classnames
Block identifier	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

Rows

This section lists the classnames for widgets within the Rows tab.

Widget	Deprecated	New Classnames
Row background image	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Row background video	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs

Settings

This section lists the classnames for widgets within the Settings tab.

Widget	Deprecated	New Classnames
Row background image	number-selector--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs
Title	number-selector--cs alternate-txt--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs page-metadata-title--cs
Description	number-selector--cs alternate-txt--cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs page-metadata-description--cs
Subject	number-selector--cs alternate-text--cs item_1-2 widget__textbox widget__label widget__label--textboxbtn	input-text--cs input-text-boxed--cs page-metadata-subject--cs
Preheader	number-selector--cs alternate-txt-cs item_1-2 widget__textbox widget__label widget__label--textbox btn	input-text--cs input-text-boxed--cs page-metadata-preheader-cs