Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Chetan
20
Using CssClass for WebSplitter
posted

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 ?

  • 24497
    Suggested Answer
    posted

    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.