RadSplitter for ASP.NET AJAX

RadControls for ASP.NET AJAX

The following table lists the CSS selectors and descriptions for RadSplitter style sheets.

 

Class Name

Element

Description

RadSplitter_[Skin]e.g. RadSplitter_Outlook

TABLE

Applied to the main table that lays out the splitter control.

.nested

TABLE

Applied to the main table of a nested splitter with Orientation set to "Vertical".

.nestedHorizontal

TABLE

Applied to the main table of a nested splitter with Orientation set to "Horizontal".

.pane

TD

Applied to the panes of a splitter with Orientation set to "Vertical".

.paneHorizontal

TD

Applied to the panes of a splitter with Orientation set to "Horizontal".

.firstItem

TD

Applied to the first pane in a splitter.

.lastItem

TD

Applied to the last pane in a splitter.

.resizeBar

TD

Applied to the cell for a vertical split bar.

.resizeBarOver

TD

Applied to the cell for a vertical split bar when the mouse hovers over it.

.resizeBarInactive

TD

Applied to the cell for a vertical split bar when it is inactive (EnableResize = False).

.resizeBarHorizontal

TD

Applied to the cell for a horizontal split bar.

.resizeBarOverHorizontal

TD

Applied to the cell for a horizontal split bar when the mouse hovers over it.

.resizeBarInactiveHorizontal

TD

Applied to cell for a horizontal split bar when it is inactive (EnableResize = False)

.collapseBarWrapper

DIV

Applied to the portion of a vertical split bar where the expand and collapse buttons go.

.collapseBarOver

DIV

Applied to the portion of a vertical split bar where the expand and collapse buttons go, when the mouse hovers over it.

.collapseBarError

DIV

Applied to the portion of a vertical split bar where the expand and collapse buttons go, when a button is clicked that cannot perform its action.

.collapseBarHorizontalWrapper

DIV

Applied to the portion of a horizontal split bar where the expand and collapse buttons go.

.collapseBarOverHorizontal

DIV

Applied to the portion of a horizontal split bar where the expand and collapse buttons go, when the mouse hovers over it.

.collapseBarErrorHorizontal

DIV

Applied to the portion of a horizontal split bar where the expand and collapse buttons go, when a button is clicked that cannot perform its action.

.collapseBarCollapse

DIV

Applied to the collapse button in a vertical split bar.

.collapseBarCollapseOver

DIV

Applied to the collapse button in a vertical split bar when the mouse is over it.

.collapseBarCollapseError

DIV

Applied to the collapse button in a vertical split bar when it is clicked but cannot collapse the adjacent pane.

.collapseBarExpand

DIV

Applied to the expand button in a vertical split bar.

.collapseBarExpandOver

DIV

Applied to the expand button in a vertical split bar when the mouse is over it.

.collapseBarExpandError

DIV

Applied to the expand button in a vertical split bar when it is clicked but cannot expand the adjacent pane.

.collapseBarHorizontalCollapse

DIV

Applied to the collapse button in a horizontal split bar.

.collapseBarHorizontalCollapseOver

DIV

Applied to the collapse button in a horizontal split bar when the mouse is over it.

.collapseBarHorizontalCollapseError

DIV

Applied to the collapse button in a horizontal split bar when it is clicked but cannot collapse the adjacent pane.

.collapseBarHorizontalExpand

DIV

Applied to the expand button in a horizontal split bar.

.collapseBarHorizontalExpandOver

DIV

Applied to the expand button in a horizontal split bar when the mouse is over it.

.collapseBarHorizontalExpandError

DIV

Applied to the expand button in a horizontal split bar when it is clicked but cannot expand the adjacent pane.

.first

DIV

Applied to the first collapse button in a split bar.

.helperBarDrag

DIV

Applied to the vertical split bar image that appears during a drag operation.

.helperBarError

DIV

Applied to the vertical split bar image that appears when the split bar cannot be dragged any farther.

.helperBarDragHorizontal

DIV

Applied to the horizontal split bar image that appears during a drag operation.

.helperBarErrorHorizontal

DIV

Applied to the horizontal split bar image that appears when the split bar cannot be dragged any farther.

.slideZone

TABLE

Applied to the table element that lays out a sliding zone and all of its sliding panes.

.tabsContainer

TD

Applied to the sliding zone region that holds the sliding zone tabs.

.left

TD

Applied to the sliding zone region that holds the sliding zone tabs when they open to the left.

.right

TD

Applied to the sliding zone region that holds the sliding zone tabs when they open to the right.

.bottom

TD

Applied to the sliding zone region that holds the sliding zone tabs when they open to the bottom.

.top

TD

Applied to the sliding zone region that holds the sliding zone tabs when they open to the top.

.paneTabContainer

DIV

Applied to a sliding zone tab in its normal state.

.paneTabContainerExpanded

DIV

Applied to a sliding zone tab when it is expanded vertically.

.paneTabContainerDocked

DIV

Applied to a sliding zone tab when its sliding pane is docked beside it.

.paneTabContainerExpandedHorizontal

DIV

Applied to a sliding zone tab when it is expanded horizontally.

.paneTabContainerDockedHorizontal

DIV

Applied to a sliding zone tab when its sliding pane is docked above or below it.

.paneTabText

SPAN

Applied to the text label on a sliding zone tab.

.paneTabIcon

IMG

Applied to the icon on a sliding zone tab.

.slideContainer

TABLE

Applied to a sliding pane.

.slideContainerDocked

TABLE

Applied to a sliding pane when it is docked.

.slideHeader

TR, TD

Applied to the title bar and text region of the title bar on a sliding pane.

.slideHeaderDocked

TR

Applied to the title bar of a docked sliding pane.

.slideTitleContainer

TD

Applied to the text region of a sliding pane title bar

.slideTitle

DIV

Applied to the text region of a sliding pane title bar

.slideTitleDocked

DIV

Applied to the text region of a docked sliding pane title bar.

.slideHeaderIconsWrapper

DIV

Applied to the controls region of a sliding pane title bar.

.slideHeaderIcon

DIV

Applied to a control in a sliding pane title bar.

.slideHeaderIconOver

DIV

Applied to a control in a sliding pane title bar when the mouse hovers over it.

.slideHeaderUndockIcon

DIV

Applied to the undock button in a sliding pane title bar.

.slideHeaderUndockIconOver

DIV

Applied to the undock button in a sliding pane title bar when the mouse hovers over it.

.slideHeaderDockIcon

DIV

Applied to the dock button in a sliding pane title bar.

.slideHeaderDockIconOver

DIV

Applied to the dock button in a sliding pane title bar when the mouse hovers over it.

.slideHeaderCollapseIcon

DIV

Applied to the collapse button in a sliding pane title bar.

.slideHeaderCollapseIconOver

DIV

Applied to the collapse button in a sliding pane title bar when the mouse hovers over it.

.slideContent

DIV

Applied to the content area of a sliding pane.

.slideContentDocked

DIV

Applied to the content area of a docked sliding pane.

.slideContainerResize

DIV

Applied to the vertical resizable border of a sliding pane.

.slideContainerResizeOver

DIV

Applied to the vertical resizable border of a sliding pane when the mouse hovers over it.

.slideContainerResizeHorizontal

DIV

Applied to the horizontal resizable border of a sliding pane.

.slideContainerResizeOverHorizontal

DIV

Applied to horizontal resizable border of a sliding pane when the mouse hovers over it.

.helperBarSlideDrag

DIV

Applied to the drag image of a vertical resizable border on a sliding pane.

.helperBarSlideDragHorizontal

DIV

Applied to the drag image of a horizontal resizable border on a sliding pane.

.helperBarSlideError

DIV

Applied to the drag image of a resizable border on a sliding pane when it cannot be dragged any farther.