Problem with height 100% in RadImageEditor

[Alejandro]

Hi,

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%">
        <div>top</div>
    </telerik:RadPane>
    <telerik:RadSplitBar runat="server" ID="RadSplitbar1" CollapseMode="Forward">
    </telerik:RadSplitBar>
    <telerik:RadPane runat="server" ID="RadpaneMiddle" Height="80%">
        <telerik:RadImageEditor ID="RadImageEditor1" runat="server"
                ImageUrl="/img/logo_multim_120x53.gif"
                Width="100%" Height="100%">
        </telerik:RadImageEditor>
    </telerik:RadPane>
    <telerik:RadSplitBar runat="server" ID="RadSplitbar2" CollapseMode="Forward">
    </telerik:RadSplitBar>
    <telerik:RadPane runat="server" ID="Radpane1" Height="20%">
        <div>bottom</div>
    </telerik:RadPane>
</telerik:RadSplitter>

Regards,

Milko Rivas

[Vessy]

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">
    ...
</telerik:RadSplitter>
<script type="text/javascript">
    function OnClientLoad(splitter, args) {
        var paneHeight = $find("RadpaneMiddle").get_element().scrollHeight;
        $find("RadImageEditor1").set_height(paneHeight - 14);
    }
</script>

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

Regards,
Veselina Raykova
the Telerik team