New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Dialogs' CSS Classes

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
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

 

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
In this article