Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Different styles for root and sub menu items with SOLPARTMENUDifferent styles for root and sub menu items with SOLPARTMENU
Previous
 
Next
New Post
5/16/2006 5:13 AM
 
I'm am trying to create a vertical SOLPARTMENU that should have different styles for the root menu items and the sub menu items.
Root menu items should have white text with grey background, sub menu items should have black text with white background.
In skin.xml the definitions are as follows
  • menuitemcssclass = MainMenu_MenuItem
  • rootmenuitemcssclass = MainMenu_RootMenuItem
In my opinion this should enable the definition of different styles for the root and the sub menu items in skin.css. But the MainMenu_MenuItem style definition is used for all menu items.
Can anybody help me to solve this problem?
Thanks a lot!
 
New Post
5/18/2006 1:14 AM
 

I have a skin that uses the ACTIVE clasess that's what you need to use to get the effect you're looking for. You can download from my site to look at - and yes I know what you mean by your opinion.. DNN sometimes has this knack of making is think differently to what we normally would be doing.

There is documentation about this in the skinning documentaion pdf file.

However, a small word of warning, the behaviour in FireFox is not the same - so if you're using transparency it may not be recognised in certain areas.

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
5/19/2006 4:17 AM
 

Thank you for your support, Nina!

I tried the various ACTIVE, SELECTED and BREADCRUMB classes and they all work fine. But what I can't get to work is, that the root and sub menu items have different styles in their initial state.

These are my findings, which attributes of SOLPARTMENU controls the different states of menu items.

SOLPARTMENU attribute Controled menu item state
menuitemcssclass initial state of root and sub menu items
rootmenuitemcssclass controls no state
rootmenuitemactivecssclass root menu item when active
rootmenuitemselectedcssclass root menu item when hovering it
rootmenuitembreadcrumbcssclass root menu item when in the breadcrumb trail
submenuitemactivecssclass sub menu item when active
submenuitemselectedcssclass sub menu item when hovering it
submenuitembreadcrumbcssclass sub menu item when in the breadcrumb trail

Do you have any idea why the rootmenuitemcssclass attribute is not working?

You wrote that you have a skin that does what I want. I can't find it on your website. Do you have me a url?

Thanks a lot!

Peter Affentranger

 
New Post
5/19/2006 5:45 AM
 

My DesignAway Skin with the vertical menu has the active classes in it - you can see in the code how it works.

I'm doing some more updates on my site to make this information clearer - sorry about that.

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
5/19/2006 1:48 PM
 
I've discovered that you can modify the styles using the cascading aspect of CSS and the "MainMenu_SubMenu" class.  For example,

== CSS FILE ==
.MainMenu_MenuItem
{
  background-color: Gray;
  color: White;
}

.MainMenu_SubMenu .MainMenu_MenuItem
{
  background-color: White;
  color: Black;
}
== CSS FILE ==

That seems to have worked for me.  Hope it helps.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Different styles for root and sub menu items with SOLPARTMENUDifferent styles for root and sub menu items with SOLPARTMENU


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out