UI problems on Published link

2 posts, 0 answers
  1. Gajanan
    Gajanan  avatar
    49 posts
    Member since:
    May 2010

    Posted 27 Oct 2010 Link to this post

    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"
                    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;
                    <telerik:RadTreeView ID="treeContracts" runat="server" CssClass="Normal" EnableEmbeddedSkins="true" 
                             Width="100%" SingleExpandPath="true" >
            <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%">
                    <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%">
                    <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%">
                    <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%">
    <asp:HiddenField ID="HiddenField_OrderID" runat="server" />
    <asp:HiddenField ID="HiddenField_ProjectID" runat="server" />

    thank you
  2. Dobromir
    Dobromir avatar
    1633 posts

    Posted 29 Oct 2010 Link to this post

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