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 colors in menu itemsdifferent colors in menu items
Previous
 
Next
New Post
6/26/2007 7:53 PM
 

Hi, is it possible to have different colors in the dnn:MENU control? I've located the CSS .MainMenu_MenuItem class but this one sets the style for all items. I need to color black just one item in my menu where all the rest are gray colored. TIA!

 
New Post
6/29/2007 9:26 AM
 

I was thinking about this just last night. I just tried this out, so it should work with ANY CSS you want to add to a particular tab (there are IFs).

Download IE Developer Toolbar (there is probably an equivilent in Firefox, etc.).
Two things (at least) this is good for:

  • Seeing quick changes in CSS
  • finding out the details of objects easily

So get this show the icon for it in your IE. Click the icon to enable the docked window. (WARNING: do not leave it on! There are memory leaks and will throw errors). Click the window and arrow on the far left-hand side. Next click on the tab you want to change colors for and note the ID. (NOTE: Insert IF - this must stay the same for this to work - I do not know that it does). Mine was tddnn_dnnSOLPARTMENU_ctldnnSOLPARTMENU109. Next get your skin's CSS (portal should work too) and pop in a style like this:

#tddnn_dnnSOLPARTMENU_ctldnnSOLPARTMENU109 {
         background-color: Red;
}

This should make it pop out so you can see it easily. One thing I noticed about mine is that I would have to play with my padding or height on the selected item to make it the height of the bar so it didn't look silly. This idea should work with background images, fore colors, everything.

Let me know how it works!

Brad

 

 
New Post
6/29/2007 10:23 AM
 

I don't think you can do it with dnn:MENU or SolpartMenu.

Cuong Dang
Engage Software
St. Louis, MO
314.966.4000



The leading provider of DotNetNuke support, training and custom development.


Cuong Dang
Co-founder: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox

 
New Post
7/2/2007 1:48 PM
 

Hi Brad, thanx this works great, although it is not portable (targeting fixed IDs that DNN assign dynamically). I am using javascript to manipulate page objects, and like your method that is also not portable for DNN generated IDs. Anyways it works for the moment, and with good documentation it shouldn't be difficult for anyone to change it afterwards.

One thing you mentioned I didn't understand was this (see quote below)- could you explain what do you mean with IF?

williamsbrad wrote

 (NOTE: Insert IF - this must stay the same for this to work - I do not know that it does).

Cheers, Pieter

 
New Post
7/2/2007 2:07 PM
 

I was simply meaning that I wasn't sure if DNN would always compile the IDs to the same value. If it does not, then obviously it doesn't work. If it does, then this is an ok work-around.

I can't think of any other way to do this.

One way to have that clear documentation is to geneate the portal and go ahead and key these values into the portal CSS with comments as empty styles. Also, you could try to see if you can eke out some pattern in the ID name and say, tab ID.

Brad

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...different colors in menu itemsdifferent colors in menu items


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