Edit this page

CSS Classes

Base Styles

CSS Class Description
.RadImageEditor RadImageEditor Main wrapping element
.rieContentArea RadImageEditor content area
.rieStatusBar RadImageEditor status bar
.rieNoStatusBar .rieStatusBar Styles the conrowols when status bar is set to false - height is changed
.rieNoStatusBar .rieResizeHandle Styles the conrowols when status bar is set to false - height, width and background positions - changed
.rieResizeHandle RadImageEditor resize handle element
.RadImageEditor .rtbItem RadImageEditor RadToolbar item specific styles
.RadImageEditor .rtbIcon RadImageEditor RadToolbar icon specific styles
.RadImageEditor .rtbWrap RadImageEditor RadToolbar wrap element specific styles
.RadImageEditor .rtbWrap .rtbText RadImageEditor RadToolbar text specific styles
x:-moz-any-link, x:default, .RadImageEditor .rtbWrap .rtbText RadImageEditor RadToolbar text specific styles - firefox hack
*html .RadImageEditor .rtbText RadImageEditor RadToolbar text specific styles - IE6 hack
.RadImageEditor .rtbItemHovered .rtbIcon RadImageEditor RadToolbar icon hovered specific styles
.RadImageEditor .rtbChecked .rtbIcon RadImageEditor RadToolbar icon checked specific styles
.RadImageEditor .rtbSplBtnExpanded .rtbIcon RadImageEditor RadToolbar SplitButton expanded specific styles
.RadImageEditor .rieCrop .rtbIcon RadImageEditor Crop tool icon
.RadImageEditor .rtbItemHovered .rieCrop .rtbIcon RadImageEditor Crop tool icon - hovered
.RadImageEditor .rtbChecked .rieCrop .rtbIcon RadImageEditor Crop tool icon - checked
.RadImageEditor .rieRotateRight .rtbIcon RadImageEditor Rotate right tool icon
.RadImageEditor .rtbItemHovered .rieRotateRight .rtbIcon RadImageEditor Rotate right tool icon - hovered
.RadImageEditor .rtbChecked .rieRotateRight .rtbIcon RadImageEditor Rotate right tool icon - checked
.RadImageEditor .rieRotateLeft .rtbIcon RadImageEditor Rotate left tool icon
.RadImageEditor .rtbItemHovered .rieRotateLeft .rtbIcon RadImageEditor Rotate left tool icon - hovered
.RadImageEditor .rtbChecked .rieRotateLeft .rtbIcon RadImageEditor Rotate left tool icon - checked
.RadImageEditor .rieFlipHorizontal .rtbIcon RadImageEditor Flip horizontal tool icon
.RadImageEditor .rtbItemHovered .rieFlipHorizontal .rtbIcon RadImageEditor Flip horizontal tool icon - hovered
.RadImageEditor .rtbChecked .rieFlipHorizontal .rtbIcon RadImageEditor Flip horizontal tool icon - checked
.RadImageEditor .rieFlipVertical .rtbIcon RadImageEditor Flip vertical tool icon
.RadImageEditor .rtbItemHovered .rieFlipVertical .rtbIcon RadImageEditor Flip vertical tool icon - hovered
.RadImageEditor .rtbChecked .rieFlipVertical .rtbIcon RadImageEditor Flip vertical tool icon - checked
.RadImageEditor .rieFlip .rtbIcon RadImageEditor Flip tool icon
.RadImageEditor .rtbItemHovered .rieFlip .rtbIcon RadImageEditor Flip tool icon - hovered
.RadImageEditor .rtbChecked .rieFlip .rtbIcon RadImageEditor Flip tool icon - checked
.RadImageEditor .rieResize .rtbIcon RadImageEditor Resize tool icon
.RadImageEditor .rtbItemHovered .rieResize .rtbIcon RadImageEditor Resize tool icon - hovered
.RadImageEditor .rtbChecked .rieResize .rtbIcon RadImageEditor Resize tool icon - checked
.RadImageEditor .rieOpen .rtbIcon RadImageEditor Open tool icon
.RadImageEditor .rtbItemHovered .rieOpen .rtbIcon RadImageEditor Open tool icon - hovered
.RadImageEditor .rtbChecked .rieOpen .rtbIcon RadImageEditor Open tool icon - checked
.RadImageEditor .rieSave .rtbIcon RadImageEditor Save tool icon
.RadImageEditor .rtbItemHovered .rieSave .rtbIcon RadImageEditor Save tool icon - hovered
.RadImageEditor .rtbChecked .rieSave .rtbIcon RadImageEditor Save tool icon - checked
.RadImageEditor .riePrint .rtbIcon RadImageEditor Print tool icon
.RadImageEditor .rtbItemHovered .riePrint .rtbIcon RadImageEditor Print tool icon - hovered
.RadImageEditor .rtbChecked .riePrint .rtbIcon RadImageEditor Print tool icon - checked
.RadImageEditor .rieRotate .rtbIcon RadImageEditor Rotate tool icon
.RadImageEditor .rtbItemHovered .rieRotate .rtbIcon RadImageEditor Rotate tool icon - hovered
.RadImageEditor .rtbChecked .rieRotate .rtbIcon RadImageEditor Rotate tool icon - checked
.RadImageEditor .rieZoom .rtbIcon RadImageEditor Zoom tool icon
.RadImageEditor .rtbItemHovered .rieZoom .rtbIcon RadImageEditor Zoom tool icon - hovered
.RadImageEditor .rtbChecked .rieZoom .rtbIcon RadImageEditor Zoom tool icon - checked
.RadImageEditor .rieZoomIn .rtbIcon RadImageEditor ZoomIn tool icon
.RadImageEditor .rtbItemHovered .rieZoomIn .rtbIcon RadImageEditor ZoomIn tool icon - hovered
.RadImageEditor .rtbChecked .rieZoomIn .rtbIcon RadImageEditor ZoomIn tool icon - checked
.RadImageEditor .rieZoomOut .rtbIcon RadImageEditor ZoomOut tool icon
.RadImageEditor .rtbItemHovered .rieZoomOut .rtbIcon RadImageEditor ZoomOut tool icon - hovered
.RadImageEditor .rtbChecked .rieZoomOut .rtbIcon RadImageEditor ZoomOut tool icon - checked
.RadImageEditor .rieReset .rtbIcon RadImageEditor Reset tool icon
.RadImageEditor .rtbItemHovered .rieReset .rtbIcon RadImageEditor Reset tool icon - hovered
.RadImageEditor .rtbChecked .rieReset .rtbIcon RadImageEditor Reset tool icon - checked
.RadImageEditor .rieAddText .rtbIcon RadImageEditor Add Text tool icon
.RadImageEditor .rtbItemHovered .rieAddText .rtbIcon RadImageEditor Add Text tool icon - hovered
.RadImageEditor .rtbChecked .rieAddText .rtbIcon RadImageEditor Add Text tool icon - checked
.RadImageEditor .rieOpacity .rtbIcon RadImageEditor Opacity tool icon
.RadImageEditor .rtbItemHovered .rieOpacity .rtbIcon RadImageEditor Opacity tool icon - hovered
.RadImageEditor .rtbChecked .rieOpacity .rtbIcon RadImageEditor Opacity tool icon - checked
x:-moz-any-link, x:default, .RadImageEditor .RadToolBar_Vertical .rtbWrap .rtbText RadImageEditor VerticalToolbar orientation - Firefox hack
.rieDialogsTable RadImageEditor Dialogs table
.rieDialogsTable td RadImageEditor Dialogs table cell
.rieRightAligned RadImageEditor Dialogs label alignment
.rieResizeButtons RadImageEditor Dialogs resize buttons wrap element
.rieClearResizeButtons RadImageEditor Dialogs resize buttons position absolute cleared class
.rieClearResizeButtons label RadImageEditor Dialogs resize buttons position absolute cleared class label
*html .rieRiseizeButtons RadImageEditor Dialogs resize buttons wrap element - IE6 hack
*+html .rieRiseizeButtons RadImageEditor Dialogs resize buttons wrap element - IE7 hack
.rieColorPicker RadImageEditor Dialogs color picker
.rieDialogsTable textarea RadImageEditor Dialogs textarea
.rieDialogsTable .rieColorValue .rfdDecorated RadImageEditor Dialogs color picker input alignment
.rieConsrowainBtn RadImageEditor Dialogs consrowain button
.rieConsrowainBtn:hover, .RadButton:hover .rieConsrowainBtn RadImageEditor Dialogs consrowain button hover state
.rieRemoveConsrowainBtn RadImageEditor Dialogs remove consrowain button
.rieRemoveConsrowainBtn:hover, .RadButton:hover .rieRemoveConsrowainBtn RadImageEditor Dialogs remove consrowain button hover state
.rieSwapValues RadImageEditor Dialogs Swap values button
.rieSwapValues:hover, .RadButton:hover .rieSwapValues RadImageEditor Dialogs Swap values button hover state
.rieActualSize RadImageEditor Dialogs Actual size button
.rieActualSize:hover, .RadButton:hover .rieActualSize RadImageEditor Dialogs Actual size button hover state
.rieBestFit RadImageEditor Dialogs Best fit button
.rieBestFit:hover, .RadButton:hover .rieBestFit RadImageEditor Dialogs Best fit button hover state
.rieRotateRight RadImageEditor Dialogs Rotate right button
.rieRotateRight:hover, .RadButton:hover .rieRotateRight RadImageEditor Dialogs Rotate right button hover state
.rieRotateLeft RadImageEditor Dialogs Rotate left button
.rieRotateLeft:hover, .RadButton:hover .rieRotateLeft RadImageEditor Dialogs Rotate left button hover state
.rieDialogsThumbs td RadImageEditor Dialogs thumbs cell
.rieDialogsThumbs td .rieThumbsLink RadImageEditor Dialogs thumbs link
*html .rieDialogsThumbs td .rieThumbsLink RadImageEditor Dialogs thumbs link - IE6 hack
.rieDialogsThumbs td .rieThumbsLink img RadImageEditor Dialogs thumbs link image
.rieDialogsThumbsLeft RadImageEditor Dialogs thumbs left cell
.rieThumbsBottomRow td RadImageEditor Dialogs thumbs bottom row cell
.rieActiveThumbsLink RadImageEditor Dialogs thumbs active state
.rieThumbsLink:hover RadImageEditor Dialogs thumbs hover state
.riePrintContent RadImageEditor Dialogs print content
.riePrintContent img RadImageEditor Dialogs print content image

Right to Left Support

Css Class Description
.rdRtl .rieRightAligned RadImageEditor Dialogs right to left label alignment
.rieDialogs.rdRtl div.rieResizeButtons RadImageEditor Dialogs Resize buttons
.rdRtl .rieDialogsThumbsLeft RadImageEditor Dialogs thumbs left
.rieRtl .rieStatusBar RadImageEditor Dialogs status bar
.rieRtl .rieResizeHandle RadImageEditor resize handle
.rieRtl .rieDialogsTable textarea RadImageEditor Dialogs textarea
.rieNoStatusBar.rieRtl .rieResizeHandle Styles the conrowols when status bar in right to left mode is set to false - height, width and background positions - changed

Skin Specific Styles

Css Class Description
.RadImageEditor_SkinName Image Ediorow main wrapper skin specific vorder color and background color
.RadDock_SkinName.rieDialogs .riePrintContent ImageEdiorow Dialogs skin specific vorder color and background color
.RadImageEditor_SkinName . rieStatusBarInfo label, .RadImageEditor_Black . rieStatusBarInfo span ImageEdiorow Statusbar label and span colors
.RadDock_SkinName.rieDialogs .rbPrimaryIcon, .RadImageEditor_SkinName .rieResizeHandle ImageEdiorow Primary Icon and Resize handle sprite
*html .RadDock_Black.rieDialogs .rbPrimaryIcon, *html .RadImageEditor_Black .rieResizeHandle ImageEdiorow Primary Icon and Resize handle sprite - IE6 hack
.RadDock_SkinName.rieDialogs .rieThumbsBottomRow td, .RadDock_SkinName.rieDialogs .rieDialogsThumbsLeft,.RadDock_SkinName.rieDialogs .rieThumbsLink, .RadImageEditor_SkinName .rieContentArea ImageEdiorow Dialogs and ContetArea border colors
.RadDock_SkinName.rieDialogs .rieActiveThumbsLink, .RadDock_SkinName.rieDialogs .rieThumbsLink:hover, .RadDock_SkinName.rieDialogs .riePrintContent img ImageEdiorow Dialogs thumb link and print contet image border color and background color