Hi Michael Josiah,
You can use the following approach - when the RadSplitter is initialized, just calculate the Height of the RadPanelbar and set it as Height for its parent RadPane; then lock that RadPane:
function OnClientLoaded(sender, args) |
{ |
var splitter = $find("<%= SplitterTreeView.ClientID %>"); |
var topPane = splitter.getPaneById("<%= RadPaneTV.ClientID %>"); |
var bottomPane = splitter.getPaneById("<%= RadPane1.ClientID %>"); |
var panelbarElementHeight = $get("<%= RadPanelbar1.ClientID %>").offsetHeight; |
|
var delta = panelbarElementHeight - bottomPane.get_height(); |
bottomPane.set_height(panelbarElementHeight); |
topPane.set_height(topPane.get_height() - delta); |
bottomPane.lock(); |
} |
<telerik:RadSplitter ID="SplitterTreeView" runat="server" Orientation="Horizontal" Skin="Outlook" |
OnClientLoaded="OnClientLoaded"> |
<telerik:RadPanelBar ID="RadPanelbar1" runat="server" ExpandMode="SingleExpandedItem" |
OnClientItemClicking="OnClientItemClicking" OnClientMouseOver="panelMouseOver" |
Skin="Office2007" Width="195px"> |
I have attached a modified version of the page for your reference. I have additionally added VisibleDuringInit="false" for the RadSplitters in order to hide all initial resize operations.
Regards,
Tsvetie
the Telerik team