UI problems on Published link

[Gajanan]

hi All ,
in my Application i am using Radsplitter control in that i am using tree-view, radPanel and multiview,iframe, on tree-view node click i am showing different views in that views i am using IFrame to show my Pages. here is the problem whatever i am showing in the Iframe those content are displaying in small panel even i mentioned height and width then also there is no effect. i have copied my code as follows and also i attached my UI problem images images  if u found any mistake please tell me.

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server" >

<telerik:RadAjaxPanel ID="rjxPanel_SalesOrder" runat="server"
                    LoadingPanelID="RadAjaxLoadingPanel1" >
<telerik:RadSplitter ID="RadSplitter1" runat="server"
                 Width="100%" Height="550px"
                VisibleDuringInit="false"
                ResizeWithBrowserWindow="true"
                LiveResize="true" ResizeMode="AdjacentPane" >

        <telerik:RadPane ID="RadPane_treeContracts" runat="server" Width="20%"
                MinWidth="110"  >
               <div style="float:left; margin-left:0px; text-align:left;
                            padding-right:0px;">
                <telerik:RadTreeView ID="treeContracts" runat="server" CssClass="Normal" EnableEmbeddedSkins="true"
                         OnNodeExpand="treeContracts_NodeExpand"
                         OnNodeCollapse="treeContracts_Collapse"
                         OnNodeClick="treeContracts_NodeClick"
                         Width="100%" SingleExpandPath="true" >
                </telerik:RadTreeView>
                </div>
        </telerik:RadPane>
        <telerik:RadSplitBar ID="RadSplitBar1" runat="server" />
        <telerik:RadPane ID="RadPane2" runat="server"  >
            <asp:MultiView ID="MultiView_Contract" runat="server">
                <asp:View ID="SalesOrderView" runat="server">
                    <asp:Panel id="panel_SalesOrder" runat="server" >
                    <div id="panel1" class="panel" runat="server" >
                        <iframe name="iframe" src="Iframe_ManageOrder.aspx?OrderID=<%=HiddenField_OrderID.Value %>"
                                width="100%" height="100%">
                        </iframe>
                    </div>
                    </asp:Panel>
                </asp:View>
                <asp:View ID="SalesBOMView" runat="server">
                     <asp:Panel id="panel_SalesBOM" runat="server" >
                    <div id="Div1" class="panel" runat="server" >
                        <iframe name="iframe" src="ManageOrderDetail.aspx?OrderID=<%=HiddenField_OrderID.Value %>"
                                width="100%" height="100%">
                        </iframe>
                    </div>
                    </asp:Panel>
                </asp:View>
                <asp:View ID="View2" runat="server">
                    <asp:Panel id="panel_Project" runat="server" >
                    <div id="Div2" class="panel" runat="server" >
                        <iframe name="iframe" src="Iframe_ManageProject.aspx?ProjectID=<%=HiddenField_ProjectID.Value %>"
                                width="100%" height="100%">
                        </iframe>
                    </div>
                    </asp:Panel>
                </asp:View>
                <asp:View ID="View3" runat="server">
                <asp:Panel id="panel_Packing" runat="server" >
                    <div id="Div3" class="panel" runat="server" >
                     <iframe name="iframe" src="ManageProductDeliveryChelan.aspx?OrderID=<%=HiddenField_OrderID.Value %>"
                                width="100%" height="100%">
                        </iframe>
                    </div>
                </asp:Panel>
                </asp:View>
            </asp:MultiView>
        </telerik:RadPane>
</telerik:RadSplitter>
<asp:HiddenField ID="HiddenField_OrderID" runat="server" />
<asp:HiddenField ID="HiddenField_ProjectID" runat="server" />
</telerik:RadAjaxPanel>

<%--</fieldset>--%>

</asp:Content>

thank you

[Dobromir]

Hi Gajanan ,

In order to set height of an HTML element with percentage values you need to make sure that all its parent elements have set height.

From the provided screenshots I noticed that the splitter height is applied. Could you please try to set height in pixels instead of 100% to the <iframe> elements and see if the problem still occurs. If you do not experience this problem with fixed height set to the <iframe>, please make sure that the elements wrapping the <iframes> have set height:

<asp:MultiView ID="MultiView_Contract" runat="server">
    <asp:View ID="SalesOrderView" runat="server">
        <asp:Panel id="panel_SalesOrder" runat="server">
        <div id="panel1" class="panel" runat="server">

Sincerely yours,
Dobromir
the Telerik team