New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

CSS Classes

The following table lists significant CSS selectors and descriptions for RadDock style sheets.

Common CSS

Class NameDescription
.RadDockPrimary wrapping class of the RadDoc
.RadDock .rdTableRadDoc wrapping table
.RadDock .rdTable .rdTop .rdLeft, .RadDock .rdTable .rdTop .rdRight, .RadDock .rdTable .rdMiddle .rdLeft, .RadDock .rdTable .rdMiddle .rdRight, .RadDock .rdTable .rdBottom .rdLeft, .RadDock .rdTable .rdBottom .rdCenter, .RadDock .rdTable .rdBottom .rdRightSpecifies Rad Doc table layout
.RadDock .rdContentSpecifies Rad Doc Content
.RadDock.rdCollapsedSpecifies Rad Doc Collapsed state
.RadDock.rdCollapsed .rdMiddle,.RadDock.rdCollapsed .rdBottomSpecifies Rad Doc Collapsed state middle and bottm zones
.RadDock .rdTable, .RadDock .rdTable .rdLeft, .RadDock .rdTable .rdCenter, .RadDock .rdTable .rdRightSpecifies table left, center and right zones
.RadDock .rdTop .rdLeft, .RadDock .rdTop .rdRight, .RadDock .rdTop .rdCenter, .RadDock .rdBottom .rdLeft, .RadDock .rdBottom .rdRight, .RadDock .rdBottom .rdCenterSpecifies table left, center and right top zones
div.RadDock .rdTop .rdRoundedCorner.rdLeft, div.RadDock .rdTop .rdRoundedCorner.rdRight, .RadDock .rdBottom .rdLeft.rdRoundedCorner, .RadDock .rdBottom .rdRight.rdRoundedCornerSpecifies top rounded corners
.RadDock .rdTitleBar emSpecifies RadDoc title bar
.RadDock .rdCenter .rdCommandsPrimary wrapping commands class of the RadDoc
.RadDock .rdCenter .rdCommands liSpecifies RadDoc commands list element
.RadDock .rdCenter .rdCommands a, .RadDock .rdCenter .rdCommands a spanSpecifies RadDoc commands anchor and span inserted
.rdCollapseSpecifies collapse button
.rdCollapse:hoverSpecifies collapse button hover state
.rdExpandSpecifies expand button
.rdExpand:hoverSpecifies expand button hover state
.rdCloseSpecifies close button
.rdClose:hoverSpecifies close button hover state
.rdPinSpecifies pin button
.rdPin:hoverSpecifies pin button hover state
.rdUnpinSpecifies unpin button
.rdUnpin:hoverSpecifies unpin button hover state
.rdCustomSpecifies custom button
.rdCustom:hoverSpecifies custom button hover state
.rdRtl,.rdRtl .rdContent, .rdRtl .rdTop .rdCenter, .rdRtl .rdTop .rdCenter ul.rdCommands, .rdRtl .rdTitleBar emRight to left support
.rdTitleBarSpecifies title bar
.rdDragHelperRadDoc helper when dock is dragged
.rdHorizontal .RadDockSpecifies horizontal RadDoc
.RadDockZoneSpecifies RadDoc zone
.rdRtlNeeded this in case the BODY has text-aligh:center applied
.rdPlaceHolderSpecifies Place Holder

Skin-Specific CSS

 

Class NameDescription
.RadDock_SkinName .rdMiddle .rdLeft,.RadDock_SkinName .rdMiddle .rdRightMiddle part left and right background
.RadDock_SkinName .rdTop .rdLeft, .RadDock_SkinName .rdTop .rdRight, .RadDock_SkinName .rdTop .rdCenter, .RadDock_SkinName .rdBottom .rdLeft, .RadDock_SkinName .rdBottom .rdRight, .RadDock_SkinName .rdBottom .rdCenterTop and bottom background
.RadDock_SkinName .rdCenter .rdCommands a spanCommands anchor span background
.RadDock_SkinName .rdMiddle .rdCenter, .RadDock_SkinName .rdBottom .rdCenterMiddle and bottom center background
.RadDock_SkinName .rdContentRadDock content color
.RadDock_SkinName emRadDock TitleBar em color

See Also