RadSplitter in Masterpage ist not resizeable

3 posts, 0 answers
  1. Daniel
    Daniel avatar
    5 posts
    Member since:
    Nov 2010

    Posted 26 Jan 2011 Link to this post

    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">
    <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>
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 26 Jan 2011 Link to this post

    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
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Daniel
    Daniel avatar
    5 posts
    Member since:
    Nov 2010

    Posted 27 Jan 2011 Link to this post

    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
Back to Top