Forums > Users Lounge > Everything Else
How Do I Wrap Top Level Horizontal Menu DNN Tabs
Last Post 09/04/2012 8:58 PM by Joseph Craig. 6 Replies.
Author Messages
ReGFX
Nuke Pro
Nuke Pro
Posts:88


--
05/12/2010 1:45 PM

    How Do I Wrap Top Level Horizontal Menu DNN Tabs

    For DNN 5.x
    Is there a simple way to make the Top Level horizontal menu wrap to a second row of menu items once a certain pixel width, or detected end to the user's browser viewing area is reached?

    Or just making the Text wrap to a second line for that Top Level Tab? for example if the top level id says "My Information" i want it to be displayed with "My" above the text "Information"
    There has to be an inexpensive trick or work-a-round for this.

    Please Advise
    and Thanks in Advance
    ReGFX
    Nuke Pro
    Nuke Pro
    Posts:88


    --
    05/12/2010 3:06 PM
    There seems to be a quick and dirty work-a-round for this by doing the following:

    Go to settings>Page Name
    then in the text box type My < br > Information
    This will produce a word wrapped Top Level Double Line Tab Menu however. Alignment and centering cannot be guaranteed and you have to also re-adjust your DNN skin by eye-balling it to make it work.

    This is somewhat ok... but not desirable

    Still searching for a work-a-round solution and welcome other ideas i could try.
    Please advise further.
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    05/13/2010 7:13 AM
    If you go with a menu that can be templated -- the DNN Garden menu or the Snapsis CSS Nav menu -- you have total control over the code generated by the menu, both the HTML and the CSS.  It's not "simple" but it will do the job.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    05/13/2010 12:50 PM
    Or ...

    switch the menu to UL mode (example here: http://dnnskinextensions.codeplex.c...iew/42217)
    And set the width of the li to a fixed width.
    Timo Breumelhof

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    05/13/2010 6:53 PM
    The BusinessBlocks skin that was submitted in the recent DotNetNuke skinning contest has the wrap feature.  You can download the skin for free from DotNetNuke.com.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Dennis Quiroga
    Nuke Newbie
    Nuke Newbie
    Posts:5


    --
    09/04/2012 9:26 AM
    Does this wrap quick and dirty work-a-round work on Version 06.02.02? Im not seeing what you mean to Go to settings >Page name and in the text box?
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    09/04/2012 8:58 PM
    It looks like this doesn't work any longer. If you try to put the break tag in the page name, that will generate an error. And, it looks like DotNetNuke doesn't unencode HTML in the page name. This probably is good.

    Joe Craig, Patapsco Research Group
    Complete DNN Support

    Forums > Users Lounge > Everything Else

    ---