This is a migrated thread and some comments may be shown as answers.

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

1 Answer 55 Views
Menu
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 06 Oct 2011, 02:35 PM
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>

1 Answer, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 11 Oct 2011, 08:34 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Tags
Menu
Asked by
David
Top achievements
Rank 1
Answers by
Peter
Telerik team
Share this question
or