Problem with height 100% in RadImageEditor

2 posts, 0 answers
  1. Alejandro
    Alejandro avatar
    1 posts
    Member since:
    Nov 2012

    Posted 09 Apr 2013 Link to this post


    I want to fit "RadImageEditor1" in "RadpaneMiddle", width is ok but height not work.

    What i can do?

    Here is my code:
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" Orientation="Horizontal">
        <telerik:RadPane runat="server" ID="RadPaneTop" Height="20%">
        <telerik:RadSplitBar runat="server" ID="RadSplitbar1" CollapseMode="Forward">
        <telerik:RadPane runat="server" ID="RadpaneMiddle" Height="80%">
            <telerik:RadImageEditor ID="RadImageEditor1" runat="server"
                    Width="100%" Height="100%">
        <telerik:RadSplitBar runat="server" ID="RadSplitbar2" CollapseMode="Forward">
        <telerik:RadPane runat="server" ID="Radpane1" Height="20%">


    Milko Rivas
  2. Vessy
    Vessy avatar
    1353 posts

    Posted 12 Apr 2013 Link to this post

    Hi Alejandro,

    This is an expected behavior of the ImageEditor, since it does not supports height in percentages. A way to achieve the desired scenario, you could take the current height of the ImageEditor's parent pane and set it to it on the Splitter's OnClientLaod event-handler:
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%"
        Orientation="Horizontal" OnClientLoad="OnClientLoad">
    <script type="text/javascript">
        function OnClientLoad(splitter, args) {
            var paneHeight = $find("RadpaneMiddle").get_element().scrollHeight;
            $find("RadImageEditor1").set_height(paneHeight - 14);

    Additionally, it is highly not recommended the total size of the RadPanes to exceed 100%. If you want the height of the Splitter to be resized, depending on its content, I would suggest you to review the following article: Initially Resize the RadSplitter according to its content

    Veselina Raykova
    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.
  3. DevCraft R3 2016 release webinar banner
Back to Top