RadSplitter FullScreenMode broken with newest Telerik release

[Adam]

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

[Fiko]

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.

[Adam]

That did just the trick!

Thanks a ton,

Adam.g