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

CSS Classes

Skin - Specific CSS

CSS Class Description
.SkinName.RadEditor Primary wrapping class of the RadEditor
.SkinName.reWrapper Wrapping class
.SkinName.RadEditor .reContentCell Content Cell of RadEditor
.SkinName.reColorPicker Color picker of RadEditor
.SkinName.reInsertTable Insert table dropdown
.SkinName.reDropDownBody Dropdown RadEditor
.SkinName.reDropDownBody table Styles all tables nested .reDropDownBody
.SkinName.RadEditor .reModule Module of RadEdtior
.SkinName.RadEditor .reEditorModes Editor modes switcher
.SkinName.RadEditor .reBottomZone .reModule RadEditor modules in the bottom zone
.SkinName.reCustomLinks a,.SkinName.reCustomLinks a:link, Defines style for normal unvisted link
.SkinName.reCustomLinks a:visited Defines tyle for visited link
.SkinName.reCustomLinks a:hover Defines style for link on hover state
.reToolbar li Editor tool
.SkinName .reSpinBox a RadEditor SpinBox link
.reToolbar.SkinName .reSeparator Horizontal toolbar separator
.reToolbar.SkinName .reGrip Horizontal toolbar toolbar grip – left and right
.reTool span This is where the icon of the respective command is loaded from “Common/CommandSpritesLight|IE6.png|gif file.
.reDialog .reTool Tool in a Dialog
.reModule .reTool Tool in a Module
.reDialog .reTool:hover Dialog hover state
.reToolbar .reTool:hover Toolbar hover state
.reModule .reTool:hover Module hover state
.reToolbar .reTool.reTool_selected Toggled tool
.reToolbar .reTool.reTool_selected:hover Toggled tool hover state
.reToolbar .reTool_text span Tool text
.reToolbar .reTool_text:hover Tool text hover state
.reToolbar .reTool_text.reTool_selected Toggled button
.reToolbar .reTool_text.reTool_selected:hover Toggled button hover state
.reToolbar .reTool_text.reTool_disabled Toggled button disabled
.reToolbar .reTool_text.reTool_disabled:hover Toggled button disabled hover state
.reTool.reSplitButton Split button
.reTool.reSplitButton:hover Split button hover state
.SkinName .reTool .split_arrow The arrow in a Split button
.SkinName .reSplitButton.reTool_text .split_arrow The arrow in a Split button in tool text
.reDialog .reTool.reSplitButton Dialog Split button
.reDialog .reTool.reSplitButton:hover Dialog Split button hover state
.reModule .reTool.reSplitButton Module Split button
.reModule .reTool.reSplitButton:hover Module Split button hover state
.reDropdown:link Dropdown link normal state
.reDropdown:visited Dropdown link normal visited state
.reTool_disabled.reDropdown:hover Dropdown disabled hover state
.reDropdown:hover Dropdown hover state
.RadEditor.SkinName .reTlbVertical li Item in a vertical toolbar
.RadEditor.SkinName .reTlbVertical .reToolbar.SkinName .reGrip Grip of a vertical toolbar
.RadEditor.SkinName .reTlbVertical .reToolbar.SkinName .grip_first Top grip of a vertical toolbar
.RadEditor.SkinName .reTlbVertical .reToolbar.SkinName .grip_first Bottom grip of a vertical toolbar
.RadEditor.SkinName .reTlbVertical .reToolbar.SkinName .reSeparator Separator of a vertical toolbar
.reTlbVertical .reTool:hover Vertical toolbar Tool hover state
.reTlbVertical .reTool_text.reSplitButton:hover Vertical toolbar SplitButton hover state
.reTlbVertical .reTool_text:hover Vertical toolbar Tool text hover state
.reTlbVertical .reTool:hover Vertical toolbar button hover state
.reTlbVertical .reTool_text.reSplitButton:hover Vertical toolbar SplitButton hover state
.reTlbVertical .reTool_text:hover Vertical toolbar button tool text hover state
.reTlbVertical .reTool.reTool_selected Vertical toolbar toggled button
.reTlbVertical .reTool_text.reTool_selected Vertical toolbar toggled button tool text
.reTlbVertical .reTool_text.reTool_selected:hover Vertical toolbar toggled button tool text hover state
.reDropDownBody .reTlbVertical ul li a:hover DropDown body vertical toolbar unordered list link hover state
.SkinName.reInsertTable Insertetd Table
.reDropDownBody .reTlbVertical .reToolbar Dropdown body vertical toolbar
.SkinName table.reSpinBox Spinbox table
.SkinName table.reSpinBox:hover Spinbox table hover state
.SkinName .reSpinBoxIncrease Spinbox increase
.SkinName .reSpinBoxIncrease:hover Spinbox increase hover state
.SkinName .reSpinBoxDecrease Spinbox decrease
.SkinName .reSpinBoxDecrease:hover Spinbox decrease hover state
.SkinName.RadEditor input RadEditor input
.SkinName.RadEditor input:hover RadEditor input hover state
.SkinName .reMode_selected Selected mode in editor mode switcher
.SkinName .reModule_domlink_selected Selected element in DOM selector
.SkinName .reModule_domlink Link in the DOM inspector
.SkinName.reDropDownBody .reItemOver Hover element in a dropdown of RadEditor
.SkinName.reColorPicker table div RadEditor Color picker
.SkinName.reColorPicker table td.reItemOver div RadEditor Color picker hover state
.SkinName.reColorPicker span RadEditor Color picker span
.reAjaxspell_button Ajax spellcheck button
.SkinName .reAjaxSpellCheckSuggestions table Ajax spellcheck suggestion table
.SkinName .reAjaxSpellCheckSeparator Ajax spellcheck separator
.SkinName.reCustomLinks Custom links
.SkinName.reCustomLinks ul Custom links unoredred list
.SkinName.reCustomLinks a Custom links normal state
.SkinName.reCustomLinks a:hover Custom links hover state
.reInsertTable table Inserted table
.reInsertTable table td Inserted table TD
.reInsertTable .reTlbVertical ul Inserted table vertical toolbar unordered list
.SkinName.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text Inserted table vertical toolbar tool text link normal state
.SkinName.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link Inserted table vertical toolbar tool text link normal state
.SkinName.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited Inserted table vertical toolbar tool text link visited state
.SkinName.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover Inserted table vertical toolbar tool text link hover state
.reInsertTable .reTlbVertical ul .reTool_text span Inserted table vertical toolbar unordered list span
.reInsertTable .reToolbar li .reTool:hover Inserted table vertical toolbar unordered list link hovered
.reModule_visible_icon RadEditor Module vissible icon
.reModule_hidden_icon RadEditor Module hidden icon
.reResizeCell div Resize cell DIV
.reDialog .reTool_disabled Dialog disabled state
.reDialog .reTool_disabled:hover Dialog disabled hover state
.reToolbar .reTool_disabled Toolbar disabled state
.reToolbar .reTool_disabled:hover Toolbar disabled hover state
.reModule .reTool_disabled Module disabled state
.reModule .reTool_disabled:hover Module disabled hover state
.RadWindow.RadWindow_Default.reToolbarWindow td.rwWindowContent This rule styles RadWindow's content cell, which is used in the floating and show on focus toolbar modes

Editor Commands

CSS Class Description
.CustomDialog Custom dialog
.FormatCodeBlock Format code block area
.PageProperties Page properties
.SetImageProperties Image properties
.BringToFront Bring to front property
.AlignmentSelector Align property
.Cancel Cancel property
.Custom Custom property
.ViewHtml View HTML property
.DecreaseSize Decrease size property
.DeleteTable Delete table property
.FileOpen File open property
.IncreaseSize Increase size property
.InsertAnchor Insert Anchor (hyperlink) property
.InsertEmailLink Insert Email link property
.InsertFormImageButton Insert Form Button - image
.ModuleManager Module manager property
.RepeatLastCommand Repeat last command property
.SendToBack Send to back property
.FormatStripper Format Stripper property
.StyleBuilder Style builder
.ToggleFloatingToolbar Toogle toolbar
.XhtmlValidator xHTML validator
.InsertSymbol Insert Symbol property
.InsertFormHidden Insert hidden form
.InsertFormButton Insert form button
.InsertFormReset Insert form reset
.InsertFormSubmit Insert form reset
.InsertFormCheckbox Insert checkbox
.InsertFormPassword Inser password field
.InsertFormRadio Insert radio button
.InsertFormSelect Insert select
.InsertFormTextarea Insert textarea
.InsertFormText Insert input text
.StripAll Strip all property
.StripCss Strip CSS property
.StripFont Strip font property
.StripSpan Strip span property
.StripWord Strip word property
.AjaxSpellCheck Ajax Spell check
.Italic Italic property
.ImageManager Image manager
.ImageMapDialog Image map dialog
.FlashManager Flash manager
.InsertFlash Insert flash
.MediaManager Media manager
.InsertMedia Insert media
.DocumentManager Document manager
.InsertDocument Insert document
.TemplateManager Template manager
.InsertTable Insert table
.TableWizard Table wizard
.InsertRowAbove Insert row above
.InsertRowBelow Insert row bellow
.DeleteRow Delete row
.InsertColumnLeft Insert column left
.InsertColumnRight Insert column right
.DeleteColumn Delete column
.MergeColumns Merge columns
.MergeRows Merge rows
.SplitCell Split cell
.SplitCellHorizontal Split cell horizontal
.DeleteCell Delete cell
.SetCellProperties Set cell properties
.SetTableProperties Set table properties
.Help Help
.Undo Undo
.Redo Redo
.Cut Cut
.Copy Copy
.Paste Paste
.PasteStrip Paste strip
.PasteAsHtml Paste as HTML
.PasteHtml Paste HTML
.PasteFromWord Paste from MS Word
.PasteFromWordNoFontsNoSizes Paste from MS word witout using set fonts and sizes
.PastePlainText Paste plain text
.Print Print
.FindAndReplace Find and replace
.SelectAll Select all
.InsertGroupbox Insert group box
.InsertCodeSnippet Insert code snippet
.InsertSnippet Insert snippet
.InsertDate Insert date
.InsertTime Insert time
.AboutDialog About dialog
.Bold Bold
.Underline Underline
.StrikeThrough Strike Through
.JustifyLeft Align left
.JustifyCenter Align center
.JustifyFull Align justify
.JustifyNone No alignmnet
.JustifyRight Align right
.InsertParagraph Insert paragraph
.InsertHorizontalRule Insert horizontal rule
.Superscript Super script
.Subscript Sub script
.ConvertToLower Convert to lower case
.ConvertToUpper Convert to upper case
.Indent Text indent
.Outdent Text outdent
.InsertOrderedList Insert ordered list
.InsertUnorderedList Insert unordered list
.AbsolutePosition Absolute position
.Save Save
.SaveAndClose Save and close
.FileSave File save
.FileSaveAs File save as
.SaveLocal Save local
.LinkManager Link manager
.CreateLink Create link
.CustomLinkTool Custom link tool
.SetLinkProperties Set link properties
.Unlink Unlink
.ToggleTableBorder Toggled table border
.ToggleScreenMode Toggled screen mode
.ForeColor Front color
.BackColor Back color
.borderColor Border color
.bgColor Background color
.InsertFormElement Insert from element
.InsertFormForm Insert form
.reTopCenter Rad Editor top center
.reMiddleLeft Rad Editor middle left
.reMiddleCenter Rad Editor Middle center
.reMiddleRight Rad editor middle right
.reBottomCenter Rad Editor bottom center
.reNoAlignment Rad Editor no alignmnet
.reTopLeft Rad Editor top left
.reTopRight Rad Editor top right
.reBottomLeft Rad Editor bottom left
.reBottomRight Rad Editor bottom right
.SilverlightManager Silverlight manager
.ExportToPdf Export to PDF
.InsertLink Insert link
.InsertImage Insert image
.reAlignmentSelector .reTopRight,.reAlignmentSelector .reTopLeft,.reAlignmentSelector .reTopCenter,.reAlignmentSelector .reNoAlignment,.reAlignmentSelector .reMiddleLeft,.reAlignmentSelector .reMiddleCenter,.reAlignmentSelector .reMiddleRight,.reAlignmentSelector .reBottomCenter,.reAlignmentSelector .reBottomRight,.reAlignmentSelector .reBottomLeft Alignment settings within the alignment dropdown

Apply CSS Class Dropdown

CSS Class Description
.reApplyClass td Apply class to TD
.reApplyClass span Apply class to span
.reApplyClass .reClass_all Apply class to all elements
.reApplyClass .reClass_img Apply class to images
.reApplyClass .reClass_table Apply class to table
.reApplyClass .reClass_ul Apply class to unordered list
.reApplyClass .reClass_ol Apply class to ordered list
.reApplyClass .reClass_p Apply class to paragraph
.reApplyClass .reClass_span Apply class to span
.reApplyClass .reClass_a Apply class to link
.reApplyClass .reClass_div Apply class to div
.reApplyClass .reClass_h1 Apply class to H1
.reApplyClass .reClass_h2 Apply class to H2
.reApplyClass .reClass_h3 Apply class to H3
.reApplyClass .reClass_h4 Apply class to H4
.reApplyClass .reClass_h5 Apply class to H5
.reApplyClass .reClass_h6 Apply class to H6
.reApplyClass .reClass_td Apply class to td

Light Dialogs

CSS Class Description
.reInsertLinkWrapper Link wrapper
.reInsertImageWrapper Image Wrapper
.reInsertLinkWrapper .reControlsLayout TD Link wrapper TD
.reInsertImageWrapper .reControlsLayout TD Image wrapper TD
.reDialogLabelLight span Label light span
.reConfirmCancelButtonsTblLight Confrim/Cancel buttons
.reConfirmCancelButtonsTblLight button Confrim/Cancel buttons
.reConfirmCancelButtonsTblLight .reAllPropertiesLight button Confrim/Cancel buttons all properties
.reControlsLayout .reControlCellLight Control cell
.reControlsLayout .reControlCellLight input Controll cell input
.reControlsLayout .reControlCellLight select Controll cell select
.reControlsLayout .reImgPropertyControlCell TD Property controll cell
.reImgPropertyControlCell input Image property control input
.reImgPropertyControlCell span Image property control span
.reControlsLayout TD.reImgPropertyControlCell reImage property control cell
.reInsertImageWrapper .reControlsLayout .reControlCellLight input reImage property control input
In this article