Quick Nav:  Online Store   |   Login | Register
Forums >Snapsis Product Support >CSS NavMenu

CSSNAV IndentChildTabs option?

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
AuthorMessages
Timo Breumelhof
<20 Posts
Posts:7


11/18/2006 8:17 AM  
We just bought the CSSNAV module.
I really like the fact that you can set the level and the way the id's and classes are applied.
Much better then the inventua and housemenu I used before!

I have one problem though:

I need a vertical menu like this:

main0 >     main0-a
main1        main0-b
main2        main0-c
main3    
main4

(the > is just there to make the example easier to understand)

I can get this:
main0 >    main0-a
                main0-b
                main0-c
main1
main2
main3    
main4

But that's not what I want...........(In this case I should say, "the designer wants").

To achieve the first example I think I need an indented unordered list like this


  • main0

    •     

          
    • main0-a

      •     
    • main0-b

      •     
    • main0-c

      •     

  • main1

  • main2



Is there any way to make CSSNAV render this?

In the example skin: BlueLeftNav - ThreePane.ascx
there is the option: IndentChildTabs="False"

I tried setting this value to True but it doesn't seem to have
any effect and it's also not in the documentation.

Am I missing something or is this not possible with CSSNAV?

used in my skin:
    id="NavTabs"
    runat="server"
    Type="Tabs"
    Level="0-2"
    OnlyExpandActive="True"
    ExcludeTabs=""
    IndentChildTabs="True"
    DisplayIcon="True" />
John Mitchell
Posts:3249


11/18/2006 8:42 AM  

Thanks for the feedback.  It's good to hear from someone with experience.

I appreciate you taking the time to map out what you are looking for too.  If I am following you, I think you want something like the http://www.Snapsis.com home page, which is the same as the BlueLeftNav that you referred to I believe.

This NavMenu does not do embeded lists, everything is rendered in one list which makes it easier and faster for the browser to do the layout.  The way you achive indenting on the seperate levels is by using the "Level" rules in the CSS. e.g.:

NavTabs .Level0 a {
    font-weight:bold;
}
#NavTabs .Level1 {
    padding-left:6px;
}
#NavTabs .Level2 {
    padding-left:12px;
}

"IndentChildTabs" is not a property of this menu.  I tried to make as much as possible controlled through CSS.

HTH.

John

Timo Breumelhof
<20 Posts
Posts:7


11/18/2006 8:57 AM  
Thank you John for your quick response (it's weekend in the Netherlands w'ere not supposed to be working...)
I don't think my example is completely clear.
I need a menu like this but static and without the extra (black) titlebars.
Without embeded lists this is not possible I think, so I guess I'll have to use some Javacsript to get the menu the way it should be.
Thanks, Timo

John Mitchell
Posts:3249


11/18/2006 9:10 AM  
You're right, we are not supposed to be working, but what can I say, this is more fun than real work.

I guess you are wanting a Fly-Out on Hover? This menu doesn't do Fly-Outs, but you probably could manipulate it with some JS. I do put ID tags on several elements. If you are interested in getting the source code for the Menu, it is available on request.
Reply to the post notification directly if you want it.

If you really need an embeded UL to make it work, then send me an example of the output from this menu with changes like you need it and I'll see what I can do to include on option like EmbedChildLevels.

I have been thinking about adding fly-out functionality, but I need to get PageBlaster Pro completed first.
Timo Breumelhof
<20 Posts
Posts:7


11/23/2006 5:30 PM  
Hello John.

We are using you navmenu in our first project now and it's great.
Here you can see our setup if your interested (still some minor CSS to change in the menu):
http://cals.verhagenit.net/Onderwijsbegeleiding/Engels/tabid/77/Default.aspx

In your last post you asked me to reply to the notification if I was interesed in the source code, I am (and I did) but didn't hear from you yet.
Could you please inform me about the source code?
Timo
John Mitchell
Posts:3249


11/23/2006 5:34 PM  
Hi Timo,
I replied with the source. Maybe it caught caught up somewhere. I'll try again. Check you junk mail if you don't have it in the next few minutes.
Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
Forums >Snapsis Product Support >CSS NavMenu > CSSNAV IndentChildTabs option?



ActiveForums 3.7
Powered by: Snapsis Software