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, ...How to remove icons from NAV menu?How to remove icons from NAV menu?
Previous
 
Next
New Post
3/29/2009 5:35 AM
 

I'd like to have both TreeView and NAV menu in my skin. I'd also like the tree to be populated by icons. However I'd like my NAV menu to be without icons. Now here's my problem: If I specify a page icon I get it on the tree as I'd like but it also appears on the Menu which I do not like 

Take a look at the 'FAQ' tab - I'd like to get rid of the icon

Menu Problem

Now my guess is that it has something to do with CSSicon - but I failed to creat the right CSS class. Any ideas?

 
New Post
3/29/2009 11:01 AM
 

Just assign a different class for the icons in the DNN Nav menu like:

 

CSSIcon="IconHidden"

And then in your skin.css set .IconHidden {display: none}.  How you assign the IconHidden class in the skin depends on which method the skin uses, ascx skin or html skin, and if DNN 5 then skin objects.  Just look at the source code for the skin and you'll be able to figure it out.

That should allow for separate css classes assigned to the icons in each menu, and the DNN Nav menu would not display icons on any level while the Tree menu should still display them based on the default CSSIcon class, though I've never styled the TreeMenu before...


JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

New Post
3/29/2009 11:02 AM
 

On your top menu navigation add a div wrapper.
Here is the scenario

<div id="menuwrapper">

<!-- menu navigation is in here -->
</div>

Now in your skin.css file or any .css file you prefer
add the following code:
#menuwrapper (## this is the id of the menu for FAQ ##) {
background:none;
}

Above css will tell me to remove the background image for html tag that have id of menuwrapper.

Hope this help

 
New Post
3/30/2009 5:50 AM
 

Thank you rick. It sounds so logical, but I'm afraid it does not work for me.

Here's the relevant part of the skin (ascx by the way):

<td id="MenuCell" height="40" nowrap="nowrap" valign="bottom" class="main_dnnmenu_bar">
<dnn:NAV ID="dnnNAV" CSSIcon="IconHidden" runat="server" ControlOrientation="Horizontal"
CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected" CSSBreak="main_dnnmenu_break"
CSSContainerSub="main_dnnmenu_submenu" CSSNodeHoverRoot="main_dnnmenu_rootitem_hover"
CSSNodeHoverSub="main_dnnmenu_itemhover" CSSNodeRoot="main_dnnmenu_rootitem"
CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected" CSSNodeSelectedSub="main_dnnmenu_itemselected"
ExpandDepth="1" IndicateChildren="False" PopulateNodesFromClient="False" ProviderName="DNNMenuNavigationProvider"
StartTabId="-1" ToolTip="Description">
</dnn:NAV>
</td>

And the CSS part:

 .IconHidden
 {
    display: none;
 }

 

Did I miss something?


 
New Post
3/30/2009 5:58 AM
 

I probably did not understand as it does not work. Here's what I did:

In the ascx file I wrote:

<divid="menuwrapper">
<dnn:NAVID="dnnNAV"runat="server"ControlOrientation="Horizontal"
CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected"CSSBreak="main_dnnmenu_break"
CSSContainerSub="main_dnnmenu_submenu"CSSNodeHoverRoot="main_dnnmenu_rootitem_hover"
CSSNodeHoverSub="main_dnnmenu_itemhover"CSSNodeRoot="main_dnnmenu_rootitem"
CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected"CSSNodeSelectedSub="main_dnnmenu_itemselected"
ExpandDepth="1"IndicateChildren="False"PopulateNodesFromClient="False"ProviderName="DNNMenuNavigationProvider"
StartTabId="-1"ToolTip="Description">
</dnn:NAV></div>
In the css I added:

#menuwrapper {
background:none;
}

Did I miss something?

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How to remove icons from NAV menu?How to remove icons from NAV menu?


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