Is there a way to dynamically load a page into a panel with RadMenu?

[David]

I'm currently trying to get an iFrame to dynamically load pages based upon menu click. I've tried various methods but none want to work. Ideally, though, I'd prefer to have them loaded into a Panel if possible.

My code at the minute looks like this (obviously it's not complete as I'm only testing things):

protected void RadMenu1_ItemClick(object sender, Telerik.Web.UI.RadMenuEventArgs e)
 {
     RadMenuItem item = e.Item as RadMenuItem;

     switch (item.Text)
     {
         case "Banners": Panel1.Attributes.Add("src", "~/Banners.aspx");
             break;
         case "Categories":
             break;
         case "Countries and Counties":
             break;
         case "Facilities":
             break;
         case "Links Manager":
             break;
         case "Login Security Questions":
             break;
         case "Regions":
             break;
         case "Vouchers":
             break;
         case "User Accounts":
             break;
     }
 }

And here's the markup:

<telerik:RadAjaxPanel runat="server" ID="AjaxPanel" HorizontalAlign="NotSet">
        <table align="center" border="0px" cellpadding="0px" cellspacing="0px">
            <tr>
                <td>
                    <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Forest" Width="950px" Style="top: 0px;
                        left: 0px" OnItemClick="RadMenu1_ItemClick">
                        <Items>
                            <telerik:RadMenuItem runat="server" Owner="RadMenu1" Text="User Accounts" CssClass="left">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Owner="RadMenu1" Text="System Setup" CssClass="left">
                                <Items>
                                    <telerik:RadMenuItem runat="server" Owner="" Text="Banners" CssClass="left">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Owner="" Text="Categories" CssClass="left">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Owner="" Text="Countries and Counties" CssClass="left">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Owner="" Text="Facilities" CssClass="left">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Owner="" Text="Links Manager" CssClass="left">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Owner="" Text="Login Security Questions" CssClass="left">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Owner="" Text="Regions" CssClass="left">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Owner="" Text="Vouchers" CssClass="left">
                                    </telerik:RadMenuItem>
                                </Items>
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenu>
                </td>
            </tr>
        </table>
        <div>
            <asp:LoginName ID="LoginName1" runat="server" />
            <asp:LoginStatus ID="LoginStatus1" runat="server" />
        </div>
        <div class="center_panel">
            <iframe id="Panel1" width="100%" runat="server"></iframe>
        </div>
    </telerik:RadAjaxPanel>
    <telerik:RadAjaxManager runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadMenu1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadMenu1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

[Peter]

Hi David,

You can use the approach from this tutorial and handle RadMenu's OnClientItemClicking. Here is the help topic on RadMenuItem client object.


Kind regards, Peter
the Telerik team