Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadPanelBar with adjacent IFrame problem

3 Answers 133 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Simon Ottaway
Top achievements
Rank 1
Simon Ottaway asked on 10 Jul 2008, 12:01 PM
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

3 Answers, 1 is accepted

Sort by
0
Accepted
Atanas Korchev
Telerik team
answered on 10 Jul 2008, 01:16 PM
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
0
Simon Ottaway
Top achievements
Rank 1
answered on 10 Jul 2008, 01:32 PM
Many thanks, Albert. That has solved it. Bizarre problem!

Simon
0
laolu olapegba
Top achievements
Rank 1
answered on 31 Aug 2009, 08:20 AM
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>

Tags
PanelBar
Asked by
Simon Ottaway
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Simon Ottaway
Top achievements
Rank 1
laolu olapegba
Top achievements
Rank 1
Share this question
or