Dialogs' CSS Classes

Updated over 6 months ago

General Dialogs Specific CSS

CSS Class	Description
html	Telerik's Editor dialogs are using some of the other controls from the Telerik® UI for ASP.NET AJAX suite and inherits their CSS, it is necessary to overwrite some general styles to avoid unwanted behavior.
body	Same as above
form	Same as above
fieldset	Same as above

Image Manager Toolbar Icons

CSS Class	Description
.RadToolBar .rtbText	Rad toolbar text
.RadToolBar .rtbIconOnly .rtbText	Rad toolbar icon only text
.RadToolBar .icnImageEditor .rtbText	Toolbar icon image editor text
.RadToolBar .icnBestFit .rtbText	Toolbar icon best fit text
.RadToolBar .icnActualSize .rtbText	Toolbar icon actual size text
.RadToolBar .icnZoomIn .rtbText	Toolbar icon zoom in text
.RadToolBar .icnZoomOut .rtbText	Toolbar icon zoom out text
.reTopcell	RadEditor top cell
.reConfirmCancelButtonsTbl	Confirm/Cancel buttons toolbar
.reConfirmCancelButtonsTbl td	Confirm/Cancel buttons toolbar cell
.reConfirmCancelButtonsTbl .reRightMostCell	Confirm/Cancel buttons toolbar right most cell
.reConfirmCancelButtonsTbl button	Confirm/Cancel buttons toolbar button

Custom Settings for RadTabStrip

CSS Class	Description
.RadTabStrip ul	RadTabStrip unordered list
.controlsList li	Controls list LI element
.controlsList span	Controls list SPAN element
.controlsList .shortInput	Controls list short input
.controlsList select.shortInput	Controls list select short input
.FormattedCodePreview	Formatted code preview
.reBottomcell	RadEditor bottom cell

Link Manager

CSS Class	Description
#hyperlinkFieldset li	Hyperlink fieldset li
#emailFieldset li	Email fieldset li
.rightAlignedInputLabel	Right aligned input label
.propertyLabel	Property label
.LinkManager .reToolWrapper	Link Manager tool wrapper
.LinkManager .reMiddlecell	Link Manager middle cell
.LinkManager .reLabelCell	Link Manager label cell
.LinkManager .reControlCell input	Link Manager controll cell input
.LinkManager .reControlCell select	Link Manager controll cell select

Constrain Proportions Button

CSS Class	Description
.ConstrainProportions button	Constrain proportions button
.ConstrainProportions.toggle button	Constrain proportions toggle button

Format Code Block

CSS Class	Description
.FormatCodeBlock input	Format code block input

Table Wizard SpinBox

CSS Class	Description
.reTableWizardSpinBox	Table wizard spinbox content
.reTableWizardSpinBox a	Table wizard spinbox link normal state
.reTableWizardSpinBox a:hover	Table wizard spinbox link hover state
.reTableWizardSpinBox a span	Table wizard spinbox span isnerted in anchor tag
.reTableWizardSpinBox .reTableWizardSpinBox_Increase	Table wizard spinbox increase
.reTableWizardSpinBox .reTableWizardSpinBox_Decrease	Table wizard spinbox decrease

Table Design

 

CSS Class	Description
.tableDesign	Table design TABLE
.tableDesign td	Table design TD
.tableDesign td div	Table design TD DIV
.tableDesign .selectedCell	Table design selected cell

Table Properties Toolbar

 

CSS Class	Description
.tblBorderPropsToolbar	Table properties toolbar
.tblBorderPropsToolbar li	Table properties toolbar list element
.tblBorderPropsToolbar li a	Table properties toolbar anchor inserted in list element normal state
.tblBorderPropsToolbar li a.reAllFourSides	Table properties toolbar All four sides
.tblBorderPropsToolbar li a.reAllRowsAndColumns	Table properties toolbar All rows and columns
.tblBorderPropsToolbar li a.reNoBorders	Table properties toolbar no borders
.tblBorderPropsToolbar li a.reNoInteriorBorders	Table properties toolbar no interior borders
.tblBorderPropsToolbar li a.reTopAndBottomSidesOnly	Table properties toolbar top and bottom sides only
.tblBorderPropsToolbar li a.reTopSideOnly	Table properties toolbar top side only
.tblBorderPropsToolbar li a.reBetweenRows	Table properties toolbar between rows
.tblBorderPropsToolbar li a.reBottomSideOnly	Table properties toolbar bottom side only
.reVerticalIconList li a	Table properties toolbar vertical icon list link normal state
.reVerticalIconList li a.reLeftSide	Table properties toolbar vertical icon list left side
.reVerticalIconList li a.reBetweenColumns	Table properties toolbar vertical icon list between columns
.reVerticalIconList li a.reRightAndLeftSidesOnly	Table properties toolbar vertical icon list right and left side only
.reVerticalIconList li a.reRightSide	Table properties toolbar vertical icon list right side
.tblBorderPropsToolbar .textinput	Table properties toolbar text input

Bordered Table

 

CSS Class	Description
#TableBorder .propertiesLabel	Table border properties label
#TableBorder .reToolWrapper	Table border tool wrapper
#TableBorder ul	Table border unordered list
#TableBorder ul ul	Table border unordered list nested in unordered list
.tblBorderTestTable	Table border test table
.tableWizardCellProperties .reToolWrapper	Table wizard cell properties tool wrapper

Dialog Label

CSS Class	Description
.reDialogLabel span	RadEditor dialog label span
.reDialogLabelShort span	RadEditor dialog label short span

Controls Layout

CSS Class	Description
.reControlsLayout	RadEditor Controls Layout
.reControlsLayout .reLabelCell	RadEditor Controls Layout label cell
.reControlsLayout .reControlCell	RadEditor Controls Layout control cell

Find and Replace Dialog

CSS Class	Description
.FindAndReplaceDialog .reDialogLabel span	FAR dialog label span
.FindAndReplaceDialog #find	FAR find
.FindAndReplaceDialog #rFind	FAR find again
.FindAndReplaceDialog #rReplace	FAR replace
.FindAndReplaceDialog #FindButton	FAR Find button
.FindAndReplaceDialog #rFindButton	FAR Find again button
.FindAndReplaceDialog #ReplaceButton	FAR Replace button
.FindAndReplaceDialog #ReplaceAllButton	FAR Replace All button

Set Image Properties

CSS Class	Description
.ImageProperties .reImageDialogCaller input	Image properties dialog caller input

Help Dialog

 

CSS Class	Description
.HelpDialog	Help dialog content
.HelpDialog h1	Help dialog H1
.HelpDialog h2	Help dialog H2
.HelpDialog .helpTopics	Help dialog help topics
.HelpDialog .reDescriptionCell	Help dialog description cell

Page Properties

CSS Class	Description
.PageProperties .reImageDialogCaller input	Page properties image dialog caller input
.PageProperties .reImageDialogCaller .reTool	Page properties image dialog caller RadEditor tool

About Dialog

 

CSS Class	Description
.AboutDialog	About dialog content
.AboutDialog h6	About dialog H6
.AboutDialog a	About dialog link normal state
.reDialog	RadEditor Dialog
.NoMarginDialog	Dialog without margins
.NoMarginDialog .reConfirmCancelButtonsTbl	Conform/Cancel button in the Dialog without margins

Image Dialog Caller

CSS Class	Description
.reImageDialogCaller	Image dialog caller content
.reImageDialogCaller .reTool	Image dialog caller RadEditor Tool
.reImageDialogCaller td	Image dialog caller TD
#ImageMap_AreaTarget	Image map area target

File Manager Dialogs

 

CSS Class	Description
.RadFileExplorer	RadFile Explorer content - The RadEditor dialogs are using some of the other controls from the Telerik® UI for ASP.NET AJAX and inherits their CSS, it is necessary to overwrite some general styles to avoid unwanted behavior.

Image Editor Toolbar Item

CSS Class	Description
.icnImageEditor .rtbText	Image Editor Text
.imagePreview	Image Preview
.noImage	No Image
.imagePreview img	Image Preview
.selectedFileName	Selected File Name
.radfe_addressBox, .RadSplitter, .FileExplorerPlaceholder	The RadEditor dialogs are using some of the other controls from the Telerik® UI for ASP.NET AJAX and inherits their CSS, it is necessary to overwrite some general styles to avoid unwanted behavior.

Image Properties Pane in Image Manager Dialog

 

CSS Class	Description
.ManagerDialog .ImageProperties	Manager dialog image properties content
.ManagerDialog .ImageProperties .reDialogLabel span	Manager dialog RadEditor label span
.ManagerDialog .ImageProperties .reDialogLabelShort span	Manager dialog RadEditor label short span
.ManagerDialog .ImageProperties .reLabelCell	Manager dialog RadEditor label cell
.ManagerDialog .ImageProperties #ImageAlt	Manager dialog Image Alt text
.ManagerDialog .ImageProperties #ImageLongDesc	Manager dialog Image long description text
.ManagerDialog .ImageProperties .setMarginsTable .reToolWrapper	Manager dialog set margins table tool wrapper
.ManagerDialog .ImageProperties .setMarginsCell	Manager dialog set margins cell
.ManagerDialog .ImageProperties .reConstrainProportionsWrapper input	Manager dialog constrain proportions input
.DialogSeparator	Manager dialog seprator

Flash Manager

 

CSS Class	Description
.FlashManagerCombo	Flash manager combo
.mediaPreviewer select	Media previewer select

Link Manager

 

CSS Class	Description
.ManagerDialog .LinkManager	Link manager content
.ManagerDialog .LinkManager .reControlsLayout	Link manager controls layout
.ManagerDialog .LinkManager input	Link manager input
.ManagerDialog .LinkManager select	Link manager select
.ManagerDialog .LinkManager .reTopcell	Link manager top cell
.disabled-button	Disabled button normal state
.disabled-button:hover	Disabled button hoverl state
#propertiesPage	Properties page
#flashMultiPage	Flash multi page
#mediaMultiPage	Media multi page
#templateIframe	Template iframe
#silverlightMultiPage	Silverlight multi page
#silverlightMultiPage #previewPage,	Silverlight preview page
#silverlightMultiPage #propertiesPage	Silverlight properties page

Insert Table Dialog Test Table

CSS Class	Description
.tblBorderTestTable	Table Dialog test TABLE
.tblBorderTestTable td	Table Dialog test TD
.reTableDesignPreviewTableHolder	Table holder

Upload Container

CSS Class	Description
.rfeUploadContainer	Upload Container