RadSplitter RadPane height autoset to 398px if contenturl property is set

3 posts, 0 answers
  1. Expense Anywhere
    Expense  Anywhere avatar
    2 posts
    Member since:
    Sep 2009

    Posted 22 Jul 2010 Link to this post

    Hi,
         I have an urgent issue to resolve regarding height property of the RadPane inside the RadSplitter. Eventhough I set an explicit height property value for the RadPane, by default it picks up a height of 398px and introduces a vertical scroll in the page which is not desired in our application. I have attached the screen shot of the sample page we created (same as in the Telerik demo site for RadSplitter) and the firebug screen shot showing the the height attribute of the Iframe generated as 398px. Please suggest a method to override this default behavior of the RadPane to set height based on the contenturl page content.

    Note: I have included the height property for the RadPane in the code below and I have Highlighted the height in the FireBug window screen shot

    --
    Vasanth

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><br><br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br><br><html xmlns="http://www.w3.org/1999/xhtml" ><br><head runat="server"><br>    <title>Untitled Page</title><br></head><br><body><br><br>    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"><br>    </telerik:RadScriptManager><br>    <div class="bigModule" style="margin-bottom: 40px"><br>        <div class="bigModuleBottom"><br>            <a href="http://yahoo.com" target="<%= contentPane.ClientID%>">Open yahoo.com</a><br>            in the right pane.<br /><br>        </div><br>    </div><br>    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="400" Width="700"><br>        <telerik:RadPane ID="RadPane1" runat="server" Width="150" Height="700px"><br>            Left Pane<br /><br>            <a href="http://google.com" target="<%= contentPane.ClientID%>">Open google.com</a><br /><br>            <br /><br>            <a href="http://flickr.com" target="<%= contentPane.ClientID%>">Open flickr.com</a><br>        </telerik:RadPane><br>        <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar><br>        <telerik:RadPane ID="contentPane" runat="server" ContentUrl="http://blogs.telerik.com"><br>        </telerik:RadPane><br>    </telerik:RadSplitter><br>    <br /><br>    <div class="bigModule" style="margin-bottom: 40px"><br>        <div class="bigModuleBottom"><br>            External Content with disabled scrolling.</div><br>    </div><br>    <telerik:RadSplitter ID="Radsplitter2" runat="server" Height="400" Width="700"><br>        <telerik:RadPane ID="Radpane3" runat="server" Width="150" Height="100"><br>            Left Pane<br /><br>            <a href="http://google.com" target="<%= contentPane2.ClientID%>">Open google.com</a><br /><br>            <br /><br>            <a href="http://flickr.com" target="<%= contentPane2.ClientID%>">Open flickr.com</a><br>        </telerik:RadPane><br>        <telerik:RadSplitBar ID="Radsplitbar2" runat="server" CollapseMode="Forward"></telerik:RadSplitBar><br>        <telerik:RadPane ID="contentPane2" runat="server" ContentUrl="http://blogs.telerik.com"<br>            Scrolling="none"><br>        </telerik:RadPane><br>    </telerik:RadSplitter><br>    <br></body><br></html>
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 28 Jul 2010 Link to this post

    Hi Vasanth,

    By design, RadSplitter preserves its Width or Height regardless the preset size of its panes depending on its orientation - when splitter is vertical (Orientation="Vertical" default value) the width is preserved, when splitter is horizontal (Orientation="Horizontal)" the width is preserved.

    An explanation and a possible solution on how to resize the RadPane according to its content is available in the following forum post:
    http://www.telerik.com/community/forums/aspnet-ajax/splitter/resize-the-iframe-in-radsplitter.aspx 

    Sincerely yours,
    Dobromir
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Expense Anywhere
    Expense  Anywhere avatar
    2 posts
    Member since:
    Sep 2009

    Posted 28 Jul 2010 Link to this post

    Dobromir,
         Thanks a lot for the help. Getting reference to the splitter from the inner page resolves the issue.
    --
    Vasanth
Back to Top