RadEditor for ASP.NET AJAX

RadControls for ASP.NET AJAX

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

.TrackChangesDialog

Track changes dialog

.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