RadSplitter FullScreenMode broken with newest Telerik release

3 posts, 1 answers
  1. Adam
    Adam avatar
    70 posts
    Member since:
    Jun 2008

    Posted 01 Jun 2009 Link to this post


    HI all,

    We're currently running with version 2009.1.527.20.  

    Prior to this, with version 2009.1.311 I believe it was, we had a set of RadWindow pages that contained a vertical RadSplitter with content area above and a static set of buttons below.  With the previous version, this set up behaved correctly, with the Splitter resizing with the RadWindow and the top Splitter pane scrolling as needed.

    When switching to the newest Telerik dll release, this set up no longer works correctly.  FullScreenMode, at least with a vertical (Orientation="Horizontal") Splitter set up, seems to be broken.

    <telerik:RadSplitter id="RadSplitter1" runat="server" FullScreenMode="true" Width="100%" 
                        VisibleDuringInit="false" LiveResize="false"  
                        Skin="Web20" Orientation="Horizontal">             
                <telerik:RadPane ID="MasterPageRadContentPane" runat="server" Scrolling="Both">                   
                  <div id="master_middle" style="font-size:.8em;"> 
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">   
                    </asp:ContentPlaceHolder> 
                  </div> 
                </telerik:RadPane> 
                <telerik:RadPane ID="FooterContentPane" runat="server" Scrolling="None" Height="40px"> 
                 <div style="padding:5px 0px 10px 5px;"> 
                  <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server"> 
                  </asp:ContentPlaceHolder> 
                 </div> 
                </telerik:RadPane>         
              </telerik:RadSplitter> 


    Any information on changed layout css settings or set up that needs to be done with this new release would be very much appreciated.

    Thanks,

    Adam.g
  2.
  3. Answer
    Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 02 Jun 2009 Link to this post

    Hello Adam,

    The FullScreenMode property is marked as obsolete and we do not recommend you use it. In you case you can use the Width and Height properties of the RadSplitter control with percent value. Also you need to add the following CSS declaration in the head tag :

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

    The above approach will work in your scenario, but for your convenience I have attached my test project.

    I hope this helps.

    All the best,
    Fiko
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  5. Adam
    Adam avatar
    70 posts
    Member since:
    Jun 2008

    Posted 02 Jun 2009 Link to this post


    That did just the trick!

    Thanks a ton,

    Adam.g
Back to Top