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

Forum

Forums > Users Lounge > Everything Else
Subject: active tabs with housemenu
Prev Next
You are not authorized to post a reply.

Author Messages
Turoc
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:4
26 Jun 2007 9:48 AM  
Hi there

I am new to using Housemenu, and was wondering if there is a way to show active tabs in housemenu ?

Much like solpart does - if you are on a page, and then view the menu dropdown that has the link to that page - it is indicated with an arrow or a different colour defined in the css.

Can this be done with housemenu ?

I have been slowly working my way through your tuts and I must say - GREAT STUFF !!! Please keep it coming

Thanks
jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2318
26 Jun 2007 11:58 AM  
I'm not Lee, and I'm certainly not a House Menu guru but ... yes ... it can be done.

I'm guessing that you need to apply a style to the active tab in the skin's CSS file to do that, but Lee will tell you exactly how to do it.
Joe Craig
DNN Creative Support
Subscribe to the website
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3304
26 Jun 2007 1:07 PM  
Hello,

Glad to hear you find the tutorials useful. - The active tab is called using:

#HouseMenuNavCurrentItem id - so for instance in a skin I am currently working on I have:

#HouseMenuNavCurrentItem a {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

which styles any links fo the CurrentItem id. - CurrentItem is added to the name of the CSS class that you have specified for the housemenu, if you have followed the tutorials it should be named: #HouseMenuNavCurrentItem

If you want to explore and research any further ids / classes and styling such as this check out:
Troubleshooting DotNetNuke Skins

Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Turoc
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:4
26 Jun 2007 1:33 PM  
Hi Lee

Thanks for the help - it has sorted my problem out. One question - is it level specific or can it be applied through different levels - ie from a parent to a child - does that make sense ?

Rgds
TSA3000
Nuke Newbie
Nuke Newbie
Posts:2
26 Jun 2007 2:57 PM  
Hi!
I have already have emailed you guys abt the same issue.
I need to add a question, when the child tab active the parent tab bk-picture stay on active bk-picture?
thanks
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3304
27 Jun 2007 10:07 AM  
I've just run a test and it appears as though it works through several levels in the red leaf skin. - It's probably worth saying that there are 2 ids on the current menu page which you maybe able to make use of:

#HouseMenuNavCurrentItem

and

#HouseMenuNavCurrentLink

Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3304
27 Jun 2007 10:08 AM  
TSA3000 - hello, I don't quite follow what your question is, could you provide further information? Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
TSA3000
Nuke Newbie
Nuke Newbie
Posts:2
28 Jun 2007 11:01 AM  
Yeah sorry,
My question is, how can i change the background of the parent tab button on the housemenu to active when the child page of the same parent page is active?
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3304
30 Jun 2007 2:59 AM  
ok I understand now, unfortunately there is not an easy way to do this, as there is not a generic ID available for assigning a CSS class.

Each menu item however has its own unique ID, if you use the web developers toolbar you can use the toolbar to identify all of the ideas in the menu. ( checkout: Troubleshooting DotNetNuke Skins)

The only option is to create a separate skin for each of the main parent tabs, and then within the skinname.CSS file add some CSS to target the unique ID of the parent tab. - This is the only way I think you can do it and it's pretty messy and time consuming

Your other option could be to display breadcrumbs which will allow the users to easily identify their location without needing to highlight the parent element, thanks
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Users Lounge > Everything Else > active tabs with housemenu


ActiveForums 3.7

Latest Forum Posts

RE: EasyCGI help? by Dr Joe
I'll let you know how it works out. I think I opened up about 6 tickets with them so far. ...
RE: EasyCGI help? by derpir
Hi Joe amazing to say the least! I will change host to PowerDNN as soon as possible, seems to me t...
RE: EasyCGI help? by Dr Joe
Amazing - I'm going through this exact same thing with EasyCGI! I managed to successfully instal...
Running the local host installation after building the application by saintX
My localhost installation of DNN was running blameless. After I oppened the application with VWD it ...
RE: quick question by derpir
Hello Is it possible to buy two skins and combine them? for example put one skins visual attributes...
RE: Environment Variables by leesykes
Thanks for the info,
RE: How can i edit any module from front end by sanju_k1421
ok if i added an text html . now i want to fill into that have to log in ,but i want that an...
Module not working when logged off. by t.ramya85
Hi friends,I have created two modules which interact with each other and i have kept one module to b...
RE: Environment Variables by fandnet
There are many ways to use variables like what I was trying to use...But here is how I did it.DotNet...
RE: OpenForce '08 by mgordon
It was truly a great time.  I really feel this year was much better than last year.  I hope to ge th...
Environment Variables by fandnet
I am creating a simple module that registered users can use to send an email invitation to people wh...
RE: How can i edit any module from front end by leesykes
I'm not sure that I follow, could you provide an example?
RE: Development of modules by leesykes
Hello,Glad you find them useful, at the moment there are not any plans to go into Module Development...
RE: SQL Server 2008 Documents Module DotNetNuke by leesykes
Hello,Thanks for the tip. Yes both connection strings are in correctly and the user has full permiss...
RE: Now, portal creation problem by jncraig
Since you have other issues with installing modules, etc. I believe that you are correct that it's a...
RE: How do I display the current time by jncraig
The [CURRENTDATE] skin object has a DateFormat attribute. The examples give MMMM dd, yyyy as a typi...
RE: Now, portal creation problem by SupaHoopsa
Posted By jncraig on 18 Nov 2008 8:54 AMIf there are other errors related to the database, I would s...
RE: SQL Server 2008 Documents Module DotNetNuke by MobileNow
Make sure that both of the connection strings are the same in the web.config file. Also make sure t...
RE: Now, portal creation problem by jncraig
If there are other errors related to the database, I would start by looking there.  This could be so...
Un-installing SQL Server 2005 by leesykes
I'm in the process of un-installing SQL Server 2005 and while doing this it informs me that Full Tex...
DotNetNuke Modules
RSS Feeds