RadPanelBar with adjacent IFrame problem

4 posts, 1 answers
  1. Simon Ottaway
    Simon Ottaway avatar
    4 posts
    Member since:
    Jul 2008

    Posted 10 Jul 2008 Link to this post

    Hi,

    I am using a PanelBar to create a vertical menu for the left-hand side of a page. It works fine until I add an IFrame - the panels no longer expand. Please help!

    ASPX as follows; the panelBar is populated when it loads on server - just a series of panels with a few icons in each. Commenting the IFrame makes the panelBar work again.

    <table width="100%">

     <tr style="height:100%;">

     <td align="left">

    <telerik:RadPanelBar ID="LHSMenu" Height="800px" runat="server" Skin="Outlook" BackColor="#4682B4" ExpandMode="FullExpandedItem" />

     </td>

     <td style="height:100%; vertical-align:top; width:90%;">

     <!--Main frame -->

     <iframe id="MainFrame" src="htmlpage.htm" height="800px" frameborder="0" width="100%" scrolling="no" />

     </td>

     </tr>

     </table>

     Thanks,

    Simon

  2. Answer
    Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 10 Jul 2008 Link to this post

    Hi Simon Ottaway,

    You should fully close the <iframe> tag.
     <iframe id="MainFrame" src="htmlpage.htm" height="800px" frameborder="0" width="100%" scrolling="no" ></iframe>
    More info about this issue can be found here.

    Regards,
    Albert
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Simon Ottaway
    Simon Ottaway avatar
    4 posts
    Member since:
    Jul 2008

    Posted 10 Jul 2008 Link to this post

    Many thanks, Albert. That has solved it. Bizarre problem!

    Simon
  4. laolu olapegba
    laolu olapegba avatar
    5 posts
    Member since:
    Aug 2009

    Posted 31 Aug 2009 Link to this post

    i modified a page from d aktivskill project and
    i have a radpanelbar by d left for loading pages in an iframe on same page
    it was working OK. and suddenly stopped working .now d page pops in another window..what might be d cause?

    i've redone d project from scratch ,same problem.
    many thanks

    see my default.aspx below


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    <%@ Register TagPrefix="uc1" TagName="Banner" Src="~/common/banner.ascx" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
      <title>Admin Page</title>
      <style type="text/css">
        html, body, form
        {
          height: 100%;
          width: 100%;
          margin: 0px;
          padding: 0px;
          overflow: hidden;
        }
        #mainDiv
        {
          height: 100%;
          width: 100%;
          background-color: Peach;
        }
        #topDiv
        {
          background-image: url(../Images/header_strip.png);
          background-repeat: repeat;
          height: 86px;
          width: 100%;
        }
        #bottomDiv
        {
          height: 100%;
          width: 100%;
        }
        #divContent
        {
          height: 100%;
          width: 100%;
        }
      </style>

      <link href="../Skins/ActiveSkill/Calendar.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/ComboBox.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/Editor.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/FormDecorator.ActiveSkill.css"
        rel="stylesheet" type="text/css" />
      <link href="../Skins/ActiveSkill/Grid.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/Input.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/Menu.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/Scheduler.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/Slider.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/Splitter.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/TabStrip.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/ToolTip.ActiveSkill.css" rel="stylesheet"
        type="text/css" />
      <link href="../Skins/ActiveSkill/Widgets.ActiveSkill.css" rel="stylesheet"
        type="text/css" />

    </head>
    <body>
      <form id="form1" runat="server">
          <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
          </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
          <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
              <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="PlaceHolder1" />
              </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="tsMain">
              <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="tsMain" />
                <telerik:AjaxUpdatedControl ControlID="PlaceHolder1" />
              </UpdatedControls>
            </telerik:AjaxSetting>
          </AjaxSettings>
        </telerik:RadAjaxManager>

        <div id="mainDiv" runat="server">
          <div id="topDiv">
          <a href="../default.aspx"><img style="margin-left: 10px; width: 23px; height: 11px;" alt="Logo" src="../Images/logo.png" /></a>
            
            <uc1:Banner id="banner1" runat="server" />
          </div>
          <div id="bottomDiv" runat="server">
              &nbsp;<telerik:RadSplitter ID="SplitterMain" runat="server" Height="100%" Width="100%"
              Items-Capacity="4" SplitBarsSize="">
              <telerik:RadPane ID="MainLeft" runat="server" Locked="True" Index="0" >
                <%--sliding zone, pane and rad tabstrip go here--%>
                <telerik:RadSlidingZone ID="MasterSlidingZone" runat="server" DockedPaneId="MasterSlidingPane"
                  Height="100%" Width="15px" >
                  <telerik:RadSlidingPane ID="MasterSlidingPane" runat="server" EnableDock="true" DockText="Tools"
                    Title="Admin Tools" Height="100%" Scrolling="none" TabView="TextOnly" Width="160px" >
                      &nbsp;&nbsp;<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Outlook">
                          <Items>
                              <telerik:RadPanelItem runat="server" Text="Maintenance">
                                  <Items>
                                      <telerik:RadPanelItem runat="server" NavigateUrl="~/admin/branches.aspx" Target="myframe"
                                          Text="Branch Maintenance">
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" NavigateUrl="~/admin/vendors.aspx" Text="Vendors Maintenance">
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" NavigateUrl="~/admin/audittrail.aspx" Text="Audit Trail">
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" NavigateUrl="~/admin/company.aspx" Text="Comapny Setup">
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" NavigateUrl="~/admin/useradmin.aspx" Text="User / Role Admin">
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" NavigateUrl="~/admin/approvalchain.aspx" Text="Approval Chain Maintenance">
                                      </telerik:RadPanelItem>
                                  </Items>
                              </telerik:RadPanelItem>
                              <telerik:RadPanelItem runat="server" Text="Requisition General">
                                  <Items>
                                      <telerik:RadPanelItem runat="server" Text="Transactions">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/raisereq.aspx" Target="myframe"
                                                  Text="Make a new Requisition">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/enqreqstatus.aspx" Text="Enquire Requisition Status">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/specialreq.aspx" Text="Special Requisition">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/approver/approvreq.aspx" Text="Approve Requisition">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Maintenance">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/recurrreq.aspx" Text="Recuring Requisition Template">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Reports">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/req_statusrep.aspx" Text="Requisition Status Report">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/req_invoiced.aspx" Text="Invoiced Requisition Reports">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/req_pricelist.aspx" Text="Price List">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/req_delivery.aspx" Text="Delivery Report">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                  </Items>
                              </telerik:RadPanelItem>
                              <telerik:RadPanelItem runat="server" Text="Invoicing">
                                  <Items>
                                      <telerik:RadPanelItem runat="server" Text="Transactions">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/approver/requisitiontoinvoice.aspx"
                                                  Text="Make Invoice from Requisition">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Reports">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/rpt_inv_brn_txn.aspx"
                                                  Text="Branch Transaction Enquiry">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/rpt_inv_print.aspx" Text="Print Invoice">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                  </Items>
                              </telerik:RadPanelItem>
                              <telerik:RadPanelItem runat="server" Text="Purchase Order Processing">
                                  <Items>
                                      <telerik:RadPanelItem runat="server" Text="Transactions">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/approver/makepo.aspx" Text="Create a Purchase Order">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/approver/processorders.aspx"
                                                  Text="Purchase Orders">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Maintenance">
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Reports">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/rpt_po_inquiry.aspx"
                                                  Text="PO Inquiry">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                  </Items>
                              </telerik:RadPanelItem>
                              <telerik:RadPanelItem runat="server" Text="Payments">
                                  <Items>
                                      <telerik:RadPanelItem runat="server" Text="Transactions">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/approver/vendorselect.aspx" Text="Vendor Selection">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/approver/paymentsched.aspx" Text="Payment Schedule">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Maintenance">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/admin/vendors.aspx" Text="Vendor Maintenance">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Reports">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/rpt_paydue.aspx" Text="Due payment Report">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                  </Items>
                              </telerik:RadPanelItem>
                              <telerik:RadPanelItem runat="server" Text="Inventory">
                                  <Items>
                                      <telerik:RadPanelItem runat="server" Text="Transactions">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/approver/receivepo.aspx" Text="Receive Purchase orders">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/approver/stockadjust.aspx" Text="Stock Adjustment">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Maintenance">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/admin/items.aspx" Text="Item maintenance">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" Text="Category Maintenance">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                      <telerik:RadPanelItem runat="server" Text="Reports">
                                          <Items>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/rpt_inv_valuation.aspx"
                                                  Text="Inventory Valuation Report">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/rpt_inv_usage.aspx" Text="Inventory Item usage">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/rpt_inv_plan.aspx" Text="Inventory Planning">
                                              </telerik:RadPanelItem>
                                              <telerik:RadPanelItem runat="server" NavigateUrl="~/reports/rpt_invstatusrep.aspx"
                                                  Text="Item Status Report">
                                              </telerik:RadPanelItem>
                                          </Items>
                                      </telerik:RadPanelItem>
                                  </Items>
                              </telerik:RadPanelItem>
                              <telerik:RadPanelItem runat="server" Text="Logout">
                                  <Items>
                                      <telerik:RadPanelItem runat="server" Text="Logout">
                                      </telerik:RadPanelItem>
                                  </Items>
                              </telerik:RadPanelItem>
                          </Items>
                      </telerik:RadPanelBar>
                  </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
              </telerik:RadPane>
              <telerik:RadPane ID="MainRight" runat="server" Height="" Index="1" Width="">
                <%--content div and placeholder go here to contain dynamic controls--%>
                <div id="divContent" runat="server" style="height: 100%; width: 100%">
                  <asp:PlaceHolder ID="PlaceHolder1" runat="server">
                  <iframe id="myframe" height="800px" src="default.aspx" frameborder="0" width="100%" scrolling="no"  ></iframe>
                  </asp:PlaceHolder>
                </div>
              </telerik:RadPane>
                
            </telerik:RadSplitter>
          </div>
        </div>
      </form>
    </body>
    </html>

Back to Top