Issue 47 - Drop Down
Last Post 10/26/2009 11:28 AM by Joseph Craig. 7 Replies.
Author Messages
CBOSS INC
Nuke Pro
Nuke Pro
Posts:61


--
10/21/2009 1:55 PM
    You mention in your tutorial you did not know of a way to have the horizontal menu not display the subpages. You need to add ExpandDepth="1" to the .ascx file.
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    10/22/2009 6:05 AM
    thanks
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    CBOSS INC
    Nuke Pro
    Nuke Pro
    Posts:61


    --
    10/22/2009 11:54 AM
    Got 2 questions for you. For the DNN Nav, is there a way to have a different look for a subpages subpage. So I have the mainmenu root item and mainmenu submenu. I have a padding on the main menu submenu that I don't want to carry over to its subpages. How can I handle this? Also I am not able to get a background image going for either the body or wrap div. It accepts background color, but nothing with background image. I was using this body {background:#FFF url(img/bg.png) repeat-x top left; height:100%; margin:0px; padding:0px; } I also entered this same thing for the wrap div in the css.
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    10/22/2009 6:26 PM
    The DNN NAV Menu is quite configurable and amenable to styling.  It is possible to style the presentation of the main level of tabs differently from the sub-levels.

    There is a thread on the DotNetNuke forums that I have found helpful.  You can find it here.

    If you need more help, ask you questions here and there.  It might also help if you would attach your skin file and skin.css here.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    CBOSS INC
    Nuke Pro
    Nuke Pro
    Posts:61


    --
    10/26/2009 7:56 AM
    Yes I am able to style the submenu different than the main level. My question is can I style the sub menu of submenu differently?
    Also, I'm still unable to apply a background image using the styling I posted above.
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    10/26/2009 10:58 AM
    For help with menu styling, you should take a look at "new" version of the DotNetNuke Skinning Guide.  In particular, if you look at pages 14 and 15 you will find a discussion of the various classes that are available.  In particular, I think that you will want to take a look at the mi[x][-x] class.  mi2-0 should be the first element of the third level menu.

    For more discussion, there is a thread in the DotNetNuke forums dedicated to the NAV menu.  You will find it here.  I have found it to be quite useful from time to time.

    As for the image background, make sure that the path to the image is specified correctly.  That is the usual problem.  You CSS example should be correct if the path does correctly point to the image file.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    CBOSS INC
    Nuke Pro
    Nuke Pro
    Posts:61


    --
    10/26/2009 11:14 AM
    mi2-0 - this does seem like what I need, but I don't understand where to add this. In the ascx file somewhere? In the CSS as a class? Here's what I currently have the nav menu in the ascx file if it is helpful <dnn:NAV runat="server" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="False" ControlOrientation="Horizontal" CSSNodeRoot="main_menu_rootitem" CSSNodeHoverRoot="main_menu_rootitem_hover" CSSNodeSelectedRoot="main_menu_rootitem_selected" CSSBreadCrumbRoot="main_menu_rootitem_selected" CSSContainerSub="main_menu_submenu" CSSNodeHoverSub="main_menu_itemhover" CSSNodeSelectedSub="main_menu_itemselected" CSSContainerRoot="main_menu_container" CSSControl="main_menu_bar" CSSBreak="main_menu_break" alignment="center" />
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    10/26/2009 11:28 AM
    You would add the appropriate classes to your skin.css file.  The menu should pick them up.

    You might want to start by adding a class to change the color or add a border.  That is what I do to help figure out where styles are applied.  And, I often use Web Developer's Toolbar to help.  If you want to style the entire level, you'll want to figure out how to that.  I think that asking for help in the thread I mentioned is like a good idea.

    Joe Craig, Patapsco Research Group
    Complete DNN Support


    ---