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, ...Gap between menu and sub menuGap between menu and sub menu
Previous
 
Next
New Post
8/31/2010 2:58 AM
 
Hi,

I am currently having an issue with my DotNetNuke skin. There is space between the main menu and submenu (when a menu item is hovered). I have combed through my skin files for incorrect padding, spacing, or alignment. Nothing is jumping out at me.

Has anyone seen this before or have suggestions on how I can remove the gap.

Thanks!
Tyson
 
New Post
9/1/2010 10:46 AM
 
Hi,

I am having what I suspect is a related problem. I am creating a new skin for a new website with a centred fixed position banner and (hopefully at this point) menu, and with text underneath that can scroll under these items.

If I don't care that it scrolls, I can locate the menu under the fixed area, and all is well until you scroll the page, when you lose the menu; if I try to fix the position of the menu, I get the adjustment down to the root menu added to the top of the submenus, so there's a huge gap, and also I get the margin for the page added to the horizontal position, too, so the wider I stretch the page, the less appropriate the positioning.

As far as I can see, as soon as the menu is situated under a heirarchy with any kind of css "position", it seems to start moving the submenus inappropriately.

I am banging my head against a wall here. I have seen similar problems about the menu relocating incorrectly when located under a div tag with "position:relative" on these forums, but I can't see a solution posted anywhere.

I don't think the old SolPartMenu suffered from this bug, but I really don't want to be working backwards.

I wonder is there any way at all to have a fixed position menu with the dnn:NAV menu?

Can anyone help?

Thanks
Brian
 
New Post
9/2/2010 7:53 AM
 
HI, I found a solution (at least for my problem).

In my case, the problem was that the margins were being added from the body.

This happens in the /js/dnn.dom.positioning.js file, on line 42, in the elementPos function definition.

The code for this function cycles through the parent elements, and adds the offsets

Line 42 and 43 read:

style=Sys.UI.DomElement._getCurrentStyle(eParent);if(eParent.id==srcId||style.position!='relative')
{oPos.t+=eParent.offsetTop;oPos.l+=eParent.offsetLeft;}}

In my case I can change 42:

style=Sys.UI.DomElement._getCurrentStyle(eParent);if( eParent.id==(srcId||(style.position!='relative')) && (eParent.tagName.toUpperCase()!="BODY") )

Now it won't take into account the top level body tags which get my auto margin. I suspect the problem with relative divs in the heirarchy above the menu can be fixed by changes to this code.

Now I have fixed my issue, I know I will need to keep tweaking this file every single fix, so please guys, can you put a fix in the code so I don't have to cun this every time.

Cheers
Brian
 
New Post
9/10/2010 4:29 AM
 
I don't know how that worked for me! Tired when I wrote it I guess!

This is what I needed as line 42:

style=Sys.UI.DomElement._getCurrentStyle(eParent);if(eParent.id==srcId||(style.position!='relative' && (eParent.tagName.toUpperCase()=='SPAN')||(eParent.tagName.toUpperCase()=='TABLE')||(eParent.tagName.toUpperCase()=='TD') ))

The TD is needed for Chrome/Safari and Opera, I needed the SPAN and TABLE elements only on IE, Firefox, and flock.

It now works a treat.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Gap between menu and sub menuGap between menu and sub 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