Hello Leonid,
The RadSplitBar definition below:
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Both" /> |
renders the following HTML:
<TD class=resizeBar id=RadSplitBar1 style="WIDTH: 19px; CURSOR: w-resize"> |
<DIV class=collapseBarWrapper id=RAD_SPLITTER_BAR_COLLAPSE_WRAPPER_RadSplitBar1 style="WIDTH: 20px"> |
<DIV class=collapseBarCollapseOver id=RAD_SPLITTER_BAR_COLLAPSE_Forward_RadSplitBar1 title="Collapse/expand the left pane"><!-- / --></DIV> |
<DIV class=collapseBarExpand id=RAD_SPLITTER_BAR_COLLAPSE_Backward_RadSplitBar1 title="Collapse/expand the right pane"><!-- / --></DIV> |
</DIV> |
<INPUT id=RadSplitBar1_ClientState type=hidden name=RadSplitBar1_ClientState autocomplete="off"> |
</TD> |
You can get a reference to the wrapper element of the RadSplitBar the following way:
var splitBar = $find('<%= RadSplitBar1.ClientID %>'); |
var wrapperElement = splitBar.get_element(); |
Apart from this, you can use the naming convention to get a reference to any element of the HTML of the splitBar. For example:
var splitBar = $find('<%= RadSplitBar1.ClientID %>'); |
var collapseWrapper = $get('RAD_SPLITTER_BAR_COLLAPSE_WRAPPER_' + splitBar.get_id()); |
Once you get a reference to the HTML element you need, you can modify it so that it meets your requirement by means of javascript.
Regards,
Tsvetie
the Telerik team
Check out
Telerik Trainer, the state of the art learning tool for Telerik products.