Products

Solutions

Resources

Partners

Community

About

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

HomeHomeDNN Open Source...DNN Open Source...Provider and Extension ForumsProvider and Extension ForumsClientAPIClientAPIDNNMenu wonDNNMenu won't drop down or use CSS
Previous
 
Next
New Post
7/27/2006 6:15 PM
 

I've got the DNNMenu displaying the correct StartTabID now, however, it's not actually dropping down nor displaying the CSS.

This is what I have in the skin:

<dnn:NAV runat="server" id="dnnNav" level="child" userootbreadcrumbarrow="false" usesubmenubreadcrumbarrow="false" usearrows="false" CSSControl="rightmenu_menubar" CSSContainerRoot="rightmenu_menucontainer" CSSNode="rightmenu_menuitem" CSSIcon="rightmenu_menuicon" CSSNodeRoot="rightmenu_rootmenuitem" CSSContainerSub="rightmenus_submenu" CSSBreak="rightmenu_menubreak" CSSNodeHover="rightmenu_menuitemsel" CSSIndicateChildSub="rightmenu_menuarrow" CSSIndicateChildRoot="rightmenu_rootmenuarrow" MouseOverDisplay="highlight" PathSystemImage="[APPIMAGEPATH]" PathImage="[HOMEDIRECTORY]" IndicateChildren="false" NodeLeftHTMLRoot="<span style='visibility: hidden; font-size: 9pt;'>" NodeRightHTMLRoot="</span>" ProviderName="DNNMenuNavigationProvider" ForceCrawlerDisplay="true" StartTabId="987" visible="true" NodeLeftHTMLBreadCrumbRoot="<img src='[APPIMAGEPATH]/breadcrumb.gif'>" />

For CSS, I'm using this, which is derived from Nina's recent example DNNMenu skin (thank you Nina!):

.rightmenu_menucontainer {
background-color: transparent;
width: 218px;
}
.rightmenu_menubar {
cursor:auto;
height:25px;
line-height: 20px;
background-color: Transparent;
}

.rightmenu_menuitemhoverroot td{
}


.rightmenu_menuitem  { /* Add TD if yes for tables option for menu */
cursor:auto;
color: white;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Arial, Helvetica, sans-serif;
white-space: nowrap;  /*Optional - Word wrapping menu item*/
height: 22px;
}


.rightmenu_menurootitem  { /* Add TD if yes for tables option for menu */
cursor:auto;
color: #304a7e;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Tahoma, Arial, Helvetica, sans-serif;
white-space: nowrap;  /*Word wrapping menu item now optional*/   
padding: 3px 12px 5px 3px;   /* creates spacing between root menu items */
height: 22px;
}

.rightmenu_menuitemhover { 
background-color: transparent;
height: 16px;
}

.rightmenu_menuitemhover td { 
height: 16px;
}

.rightmenu_menuicon {
cursor:auto;
text-align: center;
width: 3px;
height: 16px;
}

.rightmenu_menusubmenu {
background-color: transparent; 
z-index: 1000;
cursor:auto;



Shane Miller
Call Centers 24x7
 
New Post
7/28/2006 9:50 AM
 

without seeing the page it is hard to be sure.  When I placed your code within the xddnnlight-blud skin from nina, I think I saw the same thing.  What I soon realized is that you have specified the font color of the menu items to be white, thus the sub-menus weren't showing up against the white background...   try chaning the color of this to something other than white.

.rightmenu_menuitem { /* Add TD if yes for tables option for menu */

cursor:auto;

color: white;

 

Like I said without having a real sample or even the same zip skin file it is hard to be sure.


 
New Post
7/29/2006 6:23 PM
 
The problem, I have found, goes away when I remove a custom outer container div I had applied to position the menu.  The container div uses relative positioning.  It positions the menu nicely --- but the menu ceases to funtion.  If I change the position attribute to static, the menu works.  So, I think I may have to use static positioning and calculate the left coordinate value.  My issue is exacerbated by the fact that the top level of the menu uses graphical text which makes use of a transparent png.  I got this working perfectly with the solpartmenu, except that the dreaded background border in the solpartment doesn't seem surmountable.  Do you know an easy quick solution to the fact that the relatively-positioned container div seems to break the menu?


Shane Miller
Call Centers 24x7
 
New Post
7/29/2006 7:15 PM
 

With further testing I see that the container div's relative positioning doesn't completely cause the menu not to work; rather, the submenu appears way off to the right, off the screen by several hundred pixels. 

I heard there is a switch for the DNNMenu to use tables.  I don't see it in the web controls pdf and I don't know whether tables are off or on by default.  What are the answers to those questions, and is there a basic overview somewhere which contains this information?  If so, I haven't been able to find it.



Shane Miller
Call Centers 24x7
 
New Post
7/29/2006 10:54 PM
 

I've tried creating a container div around the menu object now in Nina's sample dnnMenu skin as well, and it has the same problem. 

So, it appears the dnnmenu can't by positioned by a containing div. 

I still haven't found the table switch so I tried taking this line:

 this.useTables = (dnn.dom.getAttr(o, 'usetables', '1') == '1');

And trying it as this:

 this.useTables = 1;

As well as with 0.  I thought maybe this would toggle the tableless switch.  It didn't seem to make any difference.

Unfortunately, it's not possible to apply a z-index to a div unless the div is positioned relative or absolute.  My goal is to use a piece of graphical text for the background of the top row.  I accomplished this with solpartmenu using the div positioning.  Solpartmenu doesn't have the problem with using a container div.  Unfortunately, however, solpartmenu has the problem with a border showing up when you're trying to create a transparent menu and so I have to use anotherh solution.  If I can't find a solution to this dnnmenu issue, and soon, I'll have to use a third-party resource.



Shane Miller
Call Centers 24x7
 
Previous
 
Next
HomeHomeDNN Open Source...DNN Open Source...Provider and Extension ForumsProvider and Extension ForumsClientAPIClientAPIDNNMenu wonDNNMenu won't drop down or use CSS


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