Submenu submenu DotNetNuke solpartmenu
I have created a skin that uses solpartmenu. On a portal that uses a submenu, I get different behavior across browsers: in IE and Firefox, the submenus drop out just below the parent elements, as you'd expect. However, in Safari and Chrome, they appear at the far left of the page. I didn't think I was doing something too weird with my CSS, but I seem to be missing something. An example is here: http://www.codeswell.com/tpabuilders . I have added solpartmenu styles below. I can add the complete skin / CSS code if needed.
Can anyone shed some light on this?
/* SolPartMenu styles */
.MainMenu_MenuItem
{
cursor: pointer;
background-color: White;
color: #006309;
font-family: Times New Roman;
font-size: 14px;
font-weight: bold;
}
.MainMenu_RootMenuItemActive
{
text-decoration: underline;
}
.MainMenu_RootMenuArrow
{
display: none;
}
.MainMenu_MenuIcon
{
width: 0px;
height: 0px;
}
.MainMenu_MenuArrow
{
display: none;
}
.MainMenu_MenuItemSel
{
cursor: pointer;
background: White;
color: Maroon;
font-family: Times New Roman;
font-size: 14px;
font-weight: bold;
}
a source to share
I would recommend trying to set explicit widths on menu items. I noticed that in Chrome it says that the width of the submenu items is about 1600px - that would be the reason it was clicked so far.
Also, I feel like I have to say this, I would not recommend using SolPartMenu to navigate DotNetNuke. There are much better alternatives. You will have headaches with SolPartMenu and in my experience it just isn't worth it.
- DNN menu (now main menu) (some documentation )
- House menu (free)
- Telerik RadMenu (commercial)
a source to share