Keep the second level Expanded

[Andres Calvete]

Hello,

I have a rad menu with only one Item at the top level, about 5 items on the second level and a couple other items on the other level:

In a diagram it would be like this (the menu flows horizontally):

Item 1
Item1.1  Item1.2  Item 1.3  Item1.4  Item1.5
             Item.1.2.1 Item 1.2.2.....

I populate my radMenu from a sitemap and everything so far is fine.
My question is if there was any way that upon loading the page, the first and second level (Item 1 and all items 1.x) will be expanded. and only have the third level fly out.

Thanks,

Andres Calvete

[Shinu]

Hi Andres Calvete,

Try adding following client side code in pageLoad event and see whether it helps.

JavaScript:

<script type="text/javascript">
    function pageLoad() {
        var menu = $find('<%=RadMenu1.ClientID %>');
        var rootItem = menu.get_items().getItem(0);
        rootItem.open();
        var level1 = rootItem.get_items().getItem(0);
        level1.open();
        level1.get_items().getItem(0).open();
    }
</script>

Regards,
Shinu.

[Andres Calvete]

Thank you for your response, but that only keeps it open until I mouseOver it. I found out that the radmenu does not support

static levels, so I took another approach. 

Andres

[Yana]

Hi Andres,

You can also use RadTabStrip as it's shown here.

All the best,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Jen]

Hi,

Just wanted to double check...there is no way to keep the menu open after it is clicked?  My menu looks great and I now have the selection highlighted, but I want it to say open so the user can see the path. 

Thanks for your help!

Jen

[Yana]

Hi Jen,

I'm afraid that RadMenu doesn't support static levels. You can try to achieve this with the help of OnClientItemClosing method which can cancel the closing of the item.

All the best,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Tommy Kolkman]

"You can also use RadTabStrip as it's shown here."

Yana, I've got a question about this. How would I implement this kind of TabStrip in a DNN website?

Tommy

[Peter]

Hi Tommy,

After you integrate the RadTabStrip skin object in your DNN web site according to this help topic, simply use the hightlighted code below:

<%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>
<%@ Register TagPrefix="dnn" TagName="RADTABSTRIP" Src="~/DesktopModules/telerik.skinobjects/RadTabStrip.ascx" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

   <script type="text/javascript">

   function OnClientMouseOver(sender, eventArgs)
            {
                var tab = eventArgs.get_tab();
                tab.select();
            }

   </script>
    <div id="s_wrap_main">
        <div id="s_wrap_sub">
            <div class="template_style">

            * * *
                            <div class="menu_style">

                          <dnn:RADTABSTRIP ID="RADTABSTRIP" OnClientMouseOver="OnClientMouseOver"
                             runat="server" />
                            </div>
                            <div class="clear_float">
                            </div>
                        </div>
                    </div>
                </div>

Greetings,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.