I am trying to associate CSS classes to the WebSplitter CssClass properties directly instead of using the StyleSetName and StyleSetPath properties. I am using a copy of the default ig_splitter.css generated under ig_res folder as a starting point for my own css classes. I am able to display a Collapse and Expand button images by setting the SplitterButton properties as follows:
<SplitterBar
CollapsePreviousPaneButton-CollapseImageUrl="~/images/igspl_collapseleft.gif"
CollapsePreviousPaneButton-CollapseImageHoverUrl="~/images/igspl_collapselefthover.gif"
CollapsePreviousPaneButton-ExpandImageUrl="~/images/igspl_expandright.gif"
CollapsePreviousPaneButton-ExpandImageHoverUrl="~/images/igspl_expandrighthover.gif">
</SplitterBar>
How can I do the same using SplitterBar-CollapseButtonCssClass ?
Hi Pchetu,
I am not sure what you need to achive. The CollapseButtonCssClass is used as permant className for splitter button. It is not modified while mouse-over, press, change state, etc. It was designed to define cursor, though, borders, background, etc. also can be set.It is represented as igspl_CollapseSplitBarButton in ig_splitter.css, and you may modify it directly there. You also may set custom style within SplitterBar.CollapseButtonCssClass property for particular instance of splitter. In this case custom value will be merged with igspl_CollapseSplitBarButton.
Is it possible to have different css classes for collapsing and expanding buttons. I like to use css sprites for optimizing performance. That is not possible now.