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, ...Vertical Solpartmenu backgroundVertical Solpartmenu background
Previous
 
Next
New Post
7/10/2006 7:04 AM
 
Hi,

I have a problem with my solpartmenu vertical.

I want to be the container (the first list of the menu) transparant, or with a background image.

But if I do that my submenu will get transparant. But I don't want that. If I give a background color it works. But the container may not have a background color.

How can I fix this, the problem is only in Firefox, in IE it works just fine.

Aljan
 
New Post
7/10/2006 11:36 AM
 

Aljan,

I recently was working with a similar problem, and the solution I came up with was hardly elegant, basically I added:

/*Adds the background image to the menu container area*/

.MainMenu_MenuContainer {
      background-image: url(menu_background.gif);
}

/*Helps place text, adjust per your needs*/

.MainMenu_MenuItem {
      padding-top: 13px;
      padding-bottom: 13px;
}

/* Don't forget to set padding in your selected item, so the menu doesn't spaz out */

.MainMenu_MenuItemSel {
      padding-top: 13px;
      padding-bottom: 13px;
}

/* Set the Submenu background color info */

.MainMenu_SubMenu {
        background-color: #003769;
}

 

Hope that helps some, good luck.

SB


Wells Doty Jr
Online Content Development
 
New Post
7/10/2006 11:55 AM
 

Dear Aljan123

When you look closer at the items of a solpartmenu then you see this:

<table cellspacing="0" cellpadding="0" border="0" class="MainMenu_Container">
<tr>
  <td>
  <table cellspacing="0" cellpadding="0" border="0"
    <tr class="MainMenu_MenuBar MainMenu_MenuItem + [RootMenuItemNormal OR RootMenuItemHover OR RootMenuItemActive OR RootMenuItemBreadcrumb]">
       <td class="MainMenu_MenuItem + [RootMenuItemNormal OR RootMenuItemHover OR RootMenuItemActive OR RootMenuItemBreadcrumb">
 [LeftHTML][<img src="RootMenuItemBreadcrumbArrow.gif"]NAME_OF_ROOTMENUITEM[RightHTML]</td>
       <td class="MainMenu_MenuArrow MainMenu_MenuRootArrow"><img src="menu_down.gif" /></td>
    </tr>
</table>
 </td>
</tr>
</table>

I've set the standard css classes in bold, for instance MainMenu_MenuItem . And I've given the others classes a name that you can understand what they do. See the documentation how to set them.
(Of course you've also the menubreak...)
As you can see all these classes (if you are using them) must be set to transparent to see the background of the container for the vertical menu (also the borders if they are standard set). But when you set in IE borders to transparent and they have a thickness then the borders have the same color as the color of the td tag. (bug in IE)

For the submenu's you have another container.
MainMenu_SubMenu
As you set the background of this container then all the items of the submenu's have a background.
You must also know that the MainMenu_MenuItem style and a few others also works in the submenu...


Vriendelijke groeten
Gilbert Vanden Borre
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Vertical Solpartmenu backgroundVertical Solpartmenu background


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