This is a migrated thread and some comments may be shown as answers.

problem contentplaceholder in radspltter

1 Answer 89 Views

Splitter

This is a migrated thread and some comments may be shown as answers.

Zsh asked on 24 Feb 2013, 07:12 AM

mm.png

hi .i use RadSplitter in my masterpage and create mywebform by master page
but i have a problem with this commponent
i can use this but in run time i have problem and the problem is contentplaceholder in mywebform has merged by the footer of page and i cant use it in seperated window.
I've attached a picture to better understand the problem.
Please help.
MasterPge:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="Automation.Main" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>

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

<head runat="server">

    <title></title>

    <link href="Styles/CssReset.css" rel="stylesheet" />

</head>

<body >

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

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

        <div class="header">

            <h1>Your Name Here</h1>

            <h2>My Personal Site</h2>



            <div class="menua">

            </div>

        </div>

        <div class="context" >



            <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%">

            <telerik:RadPane runat="server" ID="RadPane1" Width="70%">

                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

                      </asp:ContentPlaceHolder>

            </telerik:RadPane>

            <telerik:RadSplitBar runat="server" ID="RadSplitbar1" CollapseMode="Backward" />

            <telerik:RadPane runat="server" ID="Radpane2" Width="330px">

            </telerik:RadPane>

        </telerik:RadSplitter>



        </div>

        <div class="footerbg">

            <div class="footer">

            </div>

        </div>

    </form>

</body>

</html> Webform: <%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Automation.WebForm2" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">     <div id="content">             <h3>Request an Account</h3>             <p>Accounts will be activated pending the approval of the Administrator.</p>                      </div> </asp:Content>

1 Answer, 1 is accepted

answered on 27 Feb 2013, 03:24 PM

Hi,

According to the provided sample code and the image demonstrating the problem it seems that the splitter has incorrectly calculated its size. This behavior might occur in case the splitter's wrapper (<div class="context" >) is also incorrectly sized.

Could you try to set height smaller to the space between header and footer (for example 300px) 'context' div and see if the splitter will be sized correctly?

All the best,
Dobromir
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.