New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
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 |