Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...DDR Menu customization help?DDR Menu customization help?
Previous
 
Next
New Post
2/23/2012 8:55 AM
 

Hello,

I am trying to create a customized version of a DDRMenu. I want a 3 tiered layout such as:

Level 1: Horizontal, always show
Level 2: Based on item in level 1 that is selected, show all children in a horizontal bar directly below level 1, this shows on hover and then once a level 1 item is selected that has children...it stays visible.
Level 3...n: Show up as vertical lists that popup on hover only, and hide after selected, but the parents (level 1 and 2) indicate their Active selected look.

I've done quite a bit of googling, and have seen the wiki on this site and read the DDRMenu site, but need a little pointer in the right direction...I'm not real strong with client side technology javascript/jquery, etc or xslt.

For the multiple tiers, do you need 2 actual menu controls? I found the below, but can you do it with just 1 control, or am I on the right path with 2?

<div id="wsc_menu">
                   <ddr:MENU ID="MENU1" MenuStyle="Superfish" runat="server">
<%--                        <TemplateArguments> 
                            <ddr:TemplateArgument Name="Class" Value="sf-menu" />
                        </TemplateArguments>--%>
                    </ddr:MENU>
                </div>
                <div id="wsc_menu2">
                    <%  If PortalSettings.ActiveTab.Level < 1 Then%>
                    <div id="subMenu1"  >
                        <ddr:MENU ID="MENU2" MenuStyle="Mint" runat="server" NodeSelector="0,0,1" >
                        </ddr:MENU>
                    </div>
                    <% Else%>
                    <div id="subMenu2"  >
                        <ddr:MENU ID="MENU3" MenuStyle="Mint" runat="server" NodeSelector="-1,0,2">
                        </ddr:MENU>
                    </div>
                    <% End If%>
                </div>
                <!-- end of wsc_menu -->

Thanks in advance,

Chad

 
New Post
2/23/2012 11:18 AM
 
I'm using ULTokens menu style in ddr menu it really works very fine.
<dnn:MENU runat="server" MenuStyle="ULTokens" NodeSelector="home" />
copy ULTokens folder from DesktopModules\DDRMenu to your skin folder
open the text file inside it which contains:
<ul class="rootLevel">
    [*>NODE-TOP]
</ul>

[>NODE-TOP]
    <li class="toplevel[?FIRST] first[/?][?LAST] last[/?][?SELECTED] selected[/?]">
        [?ENABLED]
            <a href="[=URL]">[=TEXT]</a>
        [?ELSE]
            [=TEXT]
        [/?]
        [?NODE]
            <ul class="secondLevel">
                [*>NODE]
            </ul>
        [/?]
    </li>
[/>]

[>NODE]
    <li class="submenu[?FIRST] first[/?][?LAST] last[/?][?SELECTED] selected[/?]">
        [?ENABLED]
            <a href="[=URL]">[=TEXT]</a>
        [?ELSE]
            [=TEXT]
        [/?]
        [?NODE]
            <ul  class="thirdLevel">
                [*>NODE]
            </ul>
        [/?]
    </li>
[/>]

then you can add css classes for first level ul, second level, etc
define css classes inside your skin.css

it's limitless.

I hope this would be helpful , I haven't tried Superfish template, I'll.

Regards

 
New Post
2/23/2012 12:47 PM
 
Thanks Mohammed, I'll play with this a bit too. Do you have a link where you have this working so I could see what it looks like?
 
New Post
2/23/2012 1:17 PM
 
Generally from this
http://www.dotnetnuke.com/Resources/Wiki/Page/DDRMenu-user-guide.aspx
then playing with parameters and options
 
New Post
2/24/2012 2:50 AM
 

Hi

I dont know about tokens but i have an example of what you are trying to do based on the ulxslt template. You can find it on the tips and tricks wiki page

 

http://www.dotnetnuke.com/Resources/Wiki/Page/DDRMenu-Tips-Tricks.aspx

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...DDR Menu customization help?DDR Menu customization help?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out