RadSplitter in Masterpage ist not resizeable

[Daniel]

Hello,
in my masterpage i have placed a Radsplitter with two RadPanes and a RadSplitBar between them. The contentpage is placed in the right RadPane. In the contentpages are RadControls placed. I have a contentpage named "Adressen.aspx". There are a Radsplitter with two RadPanes and a RadSplitBar between them. If the contentpage is loaded the Radsplitter is fixed to 400px and the two RadPanes are not resizeable with the RadSplitBar.
If the contentpage is empty or just filled standard asp controls, the Radsplitter is resizeable.
How can i fix this?

Contentpage:

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Adressen.aspx.vb" Inherits="Adressen" %>

<asp:Content ID="Content" ContentPlaceHolderID="MainContent" Runat="Server">

    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    </telerik:RadAjaxManagerProxy>
 <telerik:RadSplitter ID="RadSplitter_Adressen" runat="server" Orientation="Horizontal" Width="100%" Height="100%">
 <telerik:RadPane ID="RadPane_Adressen" runat="server">
  <telerik:RadGrid ID="RadGrid_Adressen" runat="server"
                GridLines="None" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"
                AllowAutomaticUpdates="True" OnDeleteCommand="RadGrid_Adressen_DeleteCommand"
                ShowStatusBar="True"
                OnItemCommand="RadGrid_ItemCommand"
                OnInsertCommand="RadGrid_Adressen_InsertCommand"
                DataSourceID="DF_Verbindungsobject" AllowFilteringByColumn="True"
                Height="100%" Width="100%">
               <MasterTableView CommandItemDisplay="Top" ClientDataKeyNames="OID"
                      EditMode="EditForms" DataSourceID="DF_Verbindungsobject">
                <CommandItemTemplate>
                    <asp:LinkButton ID="LinkButton" runat="server" OnClick="Insert_Click"><img style="border:0px" alt=""     src="Add.png" width="20px"/> Adresse anlegen</asp:LinkButton>
                                 <!-- CommandName="InitInsert" -->
                </CommandItemTemplate>
                <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
               <EditFormSettings>
                <EditColumn UniqueName="EditCommandColumn2">
                </EditColumn>
               </EditFormSettings>
              </MasterTableView>
           <ClientSettings>
            <Selecting AllowRowSelect="True" />
            <ClientEvents OnRowSelected="RowSelected_Adressen"/>
            <Scrolling AllowScroll="True" UseStaticHeaders="True" />
           </ClientSettings>
  </telerik:RadGrid>

 </telerik:RadPane>

    <telerik:RadSplitBar ID="RadSplitBar" runat="server">
    </telerik:RadSplitBar>

<telerik:RadPane ID="RadPane_AdressDialog" runat="server">
    <asp:Panel ID="Panel_Adressen" runat="server">
            <table border="0" style="margin-top: 20px; width: 100%;">
                <tr>
                    <td>
                        OID:
                    </td>
                    <td>
                        <asp:Label ID="Label_OID" Style="float: left; font-weight: bold;" runat="server" />
                        <asp:Button ID="Button_Loeschen" Style="float: right; color: black; font-weight: bold;"
                            Text="Löschen" runat="server"/>
                        <asp:Button ID="Button_Speichern" Style="float: right; margin-right: 10px; color: black;
                            font-weight: bold;" Text="Speichern"
                            runat="server"/>
                        <asp:Button ID="Button_Einfuegen" Style="float: right; margin-right: 10px; color: black;
                            font-weight: bold;" Text="Einfügen"
                            runat="server" Visible="False"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Klasse:
                    </td>
                    <td>
                        <telerik:RadTextBox ID="RadTextBox_Klasse" runat="server" ReadOnly="True" >
                            <ReadOnlyStyle BackColor="#CCCCCC" />
                        </telerik:RadTextBox>
                        <telerik:RadComboBox ID="RadComboBox_Klasse" runat="server" Visible="False" Width="265px">
                            <Items>
                                <telerik:RadComboBoxItem Text="" Value="" />
                                <telerik:RadComboBoxItem Text="Kunde" Value="Kunde" />
                                <telerik:RadComboBoxItem Text="Lieferant" Value="Lieferant" />
                                <telerik:RadComboBoxItem Text="Interessent" Value="Interessent" />
                                <telerik:RadComboBoxItem Text="Hersteller" Value="Hersteller" />
                            </Items>
                        </telerik:RadComboBox>


                    </td>
                    <td>Nummer:</td> <td>
                        <telerik:RadTextBox ID="RadTextBox_Nummer" runat="server" ReadOnly="True" Width="265px">
                            <ReadOnlyStyle BackColor="#CCCCCC" />
                        </telerik:RadTextBox>
                    </td>
                </tr>
                <tr>
                    <td>

                        Anrede:</td>
                    <td>
                        <telerik:RadTextBox ID="RadTextBox_Anrede" runat="server" Width="265px"/>
                    </td>
                    <td>Name2:
                    </td> <td>
                        <telerik:RadTextBox ID="RadTextBox_Name2" runat="server" Width="265px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Name1:
                    </td>
                    <td>
                        <telerik:RadTextBox ID="RadTextBox_Name1" runat="server" Width="265px"/>
                    </td>
                   <td>Name3:
                    </td> <td>
                        <telerik:RadTextBox ID="RadTextBox_Name3" runat="server" Width="265px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Strasse:
                    </td>
                    <td>
                        <telerik:RadTextBox ID="RadTextBox_Strasse" runat="server" Width="265px"/>
                    </td>
                    <td>Telefon:
                    </td> <td>
                        <telerik:RadTextBox ID="RadTextBox_Telefon" runat="server" Width="265px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Land-PLZ-Ort:</td>
                    <td>
                     <table>
                      <tr>
                       <td><telerik:RadTextBox ID="RadTextBox_Laenderkennzeichen" runat="server" Width="32px" /></td>
                       <td>
                        <telerik:RadTextBox ID="RadTextBox_PLZ" runat="server" Width="60px"/>
                          </td>
                       <td>
                           <telerik:RadTextBox ID="RadTextBox_Ort" runat="server" width="155px"/>
                          </td>
                      </tr>
                     </table>
                    </td>
                    <td>Mobiltelefon:</td>
                    <td>
                        <telerik:RadTextBox ID="RadTextBox_Mobiltelefon" runat="server" Width="265px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Staat:</td>
                    <td>
                        <telerik:RadTextBox ID="RadTextBox_Staat" runat="server" Width="265px"/>
                    </td>
                    <td>Fax:
                    </td> <td>
                        <telerik:RadTextBox ID="RadTextBox_Fax" runat="server" Width="265px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Branche</td>
                    <td>
                        <telerik:RadTextBox ID="RadTextBox_Branche" runat="server" Width="265px"/>
                    </td>
                    <td>EMail:
                    </td> <td>
                        <telerik:RadTextBox ID="RadTextBox_EMail" runat="server" Width="265px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Ersteller:</td>
                    <td>
                        <telerik:RadTextBox ID="RadTextBox_Ersteller" runat="server" Width="265px"/>
                    </td>
                    <td>Internet:
                    </td> <td>
                        <telerik:RadTextBox ID="RadTextBox_Internet" runat="server" Width="265px"/>
                    </td>
                </tr>
                <tr>
                    <td>
                         </td>
                    <td>
                         </td>
                    <td></td> <td></td>
                </tr>
                <tr>
                    <td style="vertical-align: top;">
                        Info:</td>
                    <td colspan="3">
                        <telerik:RadEditor ID="RadEditor_Info" Width="100%" runat="server"
                            Height="250px" Language="de-DE">
                            <Tools>
                                <telerik:EditorToolGroup>
                                    <telerik:EditorTool Name="Italic" />
                                    <telerik:EditorTool Name="Bold" />
                                    <telerik:EditorTool Name="Underline" />
                                    <telerik:EditorTool Name="StrikeThrough" />
                                    <telerik:EditorTool Name="JustifyLeft" />
                                    <telerik:EditorTool Name="JustifyCenter" />
                                    <telerik:EditorTool Name="JustifyRight" />
                                    <telerik:EditorTool Name="JustifyFull" />
                                </telerik:EditorToolGroup>
                            </Tools>
                        </telerik:RadEditor>
                    </td>
                </tr>
            </table>
        </asp:Panel>
 </telerik:RadPane>
</telerik:RadSplitter>
<asp:ObjectDataSource ID="DF_Verbindungsobject" runat="server"
         DeleteMethod="delete" InsertMethod="insert" SelectMethod="abfrage"
         TypeName="DF_DataBinding" UpdateMethod="update">
         ....
     </asp:ObjectDataSource>

 <input type="hidden" id="hidden_field_index" runat="server" value="" name="hidden_index"/>
</asp:Content>

Masterpage: 

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title></title>

    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

      <link rel="stylesheet" type="text/css" href="CSS/screen.css" charset="utf-8" />

</head>

<body>

    <form id="form1" runat="server">

    <telerik:RadScriptManager ID="RadScriptManager" runat="server">

        <Scripts>

            <%--Needed for JavaScript IntelliSense in VS2010--%>

            <%--For VS2008 replace RadScriptManager with ScriptManager--%>

            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

        </Scripts>

    </telerik:RadScriptManager>

 

 

    <telerik:RadAjaxManager ID="RadAjaxManager" runat="server">

    </telerik:RadAjaxManager>

  

    <telerik:RadSkinManager ID="RadSkinManager" Runat="server">

    </telerik:RadSkinManager>

     

    <telerik:RadSplitter ID="RadSplitter_Gesammt" Runat="server" Height="100%"

            Width="100%" ResizeMode="AdjacentPane">

        <telerik:RadPane ID="RadPane_Navi" Runat="server" Width="250px">

          <telerik:RadPanelBar runat="server" ID="RadPanelBar_Navi" ExpandMode="SingleExpandedItem">

                <Items>

                    <telerik:RadPanelItem Text="Neu" value="Neu" runat="server">

                     <Items>

                      <telerik:RadPanelItem Text="E-Mail" Value="EMail" runat="server"> </telerik:RadPanelItem>

                      <telerik:RadPanelItem Text="Mitteilung" Value="Mitteilung" runat="server"> </telerik:RadPanelItem>

                     </Items>

                    </telerik:RadPanelItem>

                    <telerik:RadPanelItem Expanded="False" Text="Adressen" runat="server" Selected="true" NavigateUrl="Adressen.aspx">

                    </telerik:RadPanelItem>

                                    

                    <telerik:RadPanelItem Expanded="False" Text="Dokumente" runat="server" Selected="true" NavigateUrl="Dokumente.aspx">

                     <Items>

                         <telerik:RadPanelItem Value="AccountDokumentInformation" runat="server">

                             <ItemTemplate>

                                <telerik:RadTreeView ID="RadTreeView_Dokumente" Runat="server" AssociatedControlID="RadTreeview_Dokumente" OnNodeClick="RadTreeView_NodeClick" >

                                </telerik:RadTreeView>                                    

                             </ItemTemplate>

                         </telerik:RadPanelItem>

                     </Items>

                    </telerik:RadPanelItem>

                    <telerik:RadPanelItem Text="Termine" value="Termine" runat="server" NavigateUrl="Termine.aspx">

                    </telerik:RadPanelItem> 

                      

                   </Items>

                  </telerik:RadPanelBar>  

        </telerik:RadPane>

            <telerik:RadSplitBar ID="RadSplitBar_Content" Runat="server">

            </telerik:RadSplitBar>

        <telerik:RadPane ID="RadPane_Content" Runat="server" Height="99%"

            Width="99%">

             

            <div id="content">

            <asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder>

            </div>           

             

        </telerik:RadPane>

    </telerik:RadSplitter>

    

    </form>

</body>

</html>


[Dobromir]

Hi Daniel,

In order to configure RadSplitter to occupy 100% of the page you need to make sure that all its parent elements (including HTML, BODY and FORM) have height set to 100%. Could you please set the following CSS to the master page and see if the problem still occurs?

<style type="text/css">
html, body, form
{
    margin: 0;
    padding: 0;
    height: 100%;
}
</style>

More detailed information on the subject is available in the following help article:
Filling the Entire Page

Kind regards,
Dobromir
the Telerik team

[Daniel]

Hello Dobromir. Thanks for your reply.

I rebuiled the contentpage and added your script in the masterpage. 
The solution you suggested works fine.

Many thanks and kind regards,
Daniel