You need to Register for free and Login to post a message in the forum.

Forum

How Do I Wrap Top Level Horizontal Menu DNN Tabs
Last Post 2010-05-14 12:53 AM by Joseph Craig. 4 Replies.
Printer Friendly
  •  
  •  
  •  
  •  
  •  
Sort:
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages
ReGFXUser is Offline
Nuke Pro
Nuke Pro
Posts:62

--
2010-05-12 07: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

    ReGFXUser is Offline
    Nuke Pro
    Nuke Pro
    Posts:62

    --
    2010-05-12 09: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 CraigUser is Offline
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9008
    Avatar

    --
    2010-05-13 01:13 PM
    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, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Joseph CraigUser is Offline
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9008
    Avatar

    --
    2010-05-13 06: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, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    Joseph CraigUser is Offline
    DNN Creative Support
    Nuke Master VI
    Nuke Master VI
    Posts:9008
    Avatar

    --
    2010-05-14 12:53 AM
    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, DNN Creative Support

    Subscribe to DNNCreative
    I recommend PowerDNN for DotNetNuke Hosting.
    You are not authorized to post a reply.


    Active Forums 4.3

    Latest Forum Posts

    RE: "Good" hosting providers by ejcullen rene
    informative!!!
    RE: URL Master Module doesn't work on IHostASP hosting by ejcullen rene
    informative!!!
    RE: shared web hosting by ejcullen rene
    informative!!. i got hosting service from http://www.thewebpole.com/ my hosting company offers you
    RE: iPhone website logo in DNN root directory by JohnnieD
    I'm supposed to add this link to make my custom logo show up on iPhones. Where in DNN would I a
    iPhone website logo in DNN root directory by JohnnieD
    I'm trying to put an iPhone logo that I made into my site so when someone saves the website on their
    RE: Fixed size container by Joseph Craig
    Use an HTML module and style the container to have a fixed height and width. Set the overflow attr
    Fixed size container by Aggiedan97
    I am looking for advice or an actual container that has a fixed height (and width). An HTML module w
    RE: DNN 6.1 app_offline.htm by Joseph Craig
    If the site "works" in Chrome, Firefox and Safari, but not in IE8 look to IE8 as the problem. It is
    RE: DNN site automatically redirects to a different domain name. by Joseph Craig
    Make a copy what is in the portalalias table and then remove all but the localhost entry. Verify th
    DNN 6.1 app_offline.htm by Dave Hassall
    Hi As recommended I have successfully been using the app_offline.htm whilst performing upgrades t
    RE: DNN site automatically redirects to a different domain name. by imran shaikh
    Hi i have done same as mention in this post my dnn folder name is Trademaxomanupg with
    Enforce Terms Tutorial Update by Vistalogix Corporation
    I tried configuring my DNN 6.1.2 install to have a required "accept terms" checkbox as described in
    RE: Best Practices for Modifying a Custom Module by Joseph Craig
    Start up the development website, then install the module using the package that you have. Then, yo
    Best Practices for Modifying a Custom Module by schilders
    Good Morning, I'm needing to modify a custom built module created by another developer targeted f
    RE: Admin menu problem by alireza arabiyan
    hi in localhost i have http://localhost/senf/خانه.aspx and http://localhost/senf/Admi
    RE: Admin menu problem by Joseph Craig
    Yes, that is what you should have done. What is the URL for your home page? What is the URL for
    RE: Admin menu problem by alireza arabiyan
    hi first in localhost i add my domain.com as portal alias. then copy all files to host , restore my
    RE: Admin menu problem by Joseph Craig
    How did you move it? Have you added an entry in the portalalias table for the site's domain name?
    RE: Re: SQL SERVER 2008 R2 Remote connection by Joseph Craig
    Set up a user with dbo privileges and set the connection string for that user, rather than using Win
    Re: SQL SERVER 2008 R2 Remote connection by Prakasam Srinivasan
    I have successfully configured MSSQL Server 2008 r2 remote connection. I am using windows 7 and it h
    You are not logged in.
    You must log in to access all 
    650+ videos, tutorials, podcasts, and more.
    RSS Feeds