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"
                    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
  2. Dobromir
    Admin
    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,
    Dobromir
    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. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top