<!--[if gte mso 9]> Normal 0 unctuationKerning/> false false false oNotPromoteQF/> EN-US X-NONE X-NONE ontGrowAutofit/> ontVertAlignCellWithSp/> ontBreakConstrainedForcedTables/> ontVertAlignInTxbx/> MicrosoftInternetExplorer4 I’m new to skinning in DNN I’ve been using website examples for the [Menu] Solepart menu and I have a quick question I hope someone can answer.

 See website page:

http://www.skinningtoolkit.com/DOTN...fault.aspx

The .mainMenu_submenuItemActive style show’s a purple border around a blue element, but I see that the blue extends beyond the purple border on the right hand site.  I note that on all the examples this is the case.  Can you tell me if I can get rid of what extends beyond the border?

 I have menu elements that have a graphic and it appears that one graphic is over the other.  You can tell this because the one that is behind is slightly higher than the one that’s in the front.  I do not see where I have this background graphic listed twice and am not sure why it does this, but then I noted that although there are borders around the menu elements on the website examples listed above, the background color extends to the right beyond the purple border.

 This can be viewed on the following website: http://asm.allenpress.com   Hover over the Donations and the dropdown that appears you can see that there is a wave after the text and it appears that the image in the background is slightly higher than the one in the foreground.

 Does anyone know what class/style would eliminate this or how can I make it so that is remains within the right border?

 Thanks for your time! 

I would recommend that you switch from SOLPART to the new DNN Nav menu.  It is new, supported, and fairly well documented.  Our more recent tutorials also deal with this menu.  There is also some good documentation here.

You might also want to look at DNNGarden.com for a free replacement that mimics the DNN Nav menu.

I'll take a look at your site and see what I can see.

Funny that you mentioned the the DNN Nav menu.  Here's a little history.  I had originally written the skin using the Nav token.  I had issues getting the background image of my menu element to display when there it was a link to submenu. The Breadcrumb image would overlay on the background image and I couldn't get it to display - although it could be that I'm just a novice and don't really know what I'm doing.  Anyway, I tried to address this problem and asked about it on the dotnetnuke forum.   You see, I'm using DNN 4.8.4 because this is the version that our software vendor supplied us with and has created modules for our use.   I can not upgrade to a newer version until our software vendor does the upgrade.  So, after I didn't get much help from the DNN forum, I went to our vendor and told them about our issues with the Nav token and graphics.  They told me to use the solepart because we were using the older version of DNN.  So, I re-wrote the skin using the solpart menu and it worked better than the Nav Menu and resolved my original Nav token background image issue.  However, now I have this little background issue on the submenus.  Since I noted that on the given examples of solepart menu elements on the dnncreative site, it looks like there is an extension on the right side of the submenu for any elements that have a border around it.   I'm guessing it's some default class/style that needs turned off?   I would be happy to send you the skin if you think it would help - but as I said, I'm new and although I've learn a lot, there's so much more to learn.  It's been even more of a challenge since we're using the older version.  I'll read that documentation you provided the link for and thanks for any additional help you can provide .   

If you want to post your skin, I'll try to take a look at it over the next few days.

Thanks.  I've attached the zip file with the skins.   Any direction you can provide will be appreciated.

Hi!  Wanted to let you know that I re-designed the skin.  Just today my users decided they didn't want a vertical menu after all.  I wrote it with a horizontal menu and it worked a lot better.  I appreciate your help, I wanted you to know that we took another route so if you haven't looked at that zip file I uploaded, don' t waste your time.   Thanks again.

OK!

Hi Joe,

I have the same problem with the NAV menu, that kmaenza mentioned, using the latest DNN.
When I enable IndicateChildren="True" in the vertical menu, dotnetnuke generates some inline style which will set the background for the Navmenu root element.
This is the inline style:
style = "background-image: url("/images/breadcrumb.gif"); background-repeat: no-repeat; background-position: right center;"

How can I set a hover over image for the vertical navmenu, to be able to use the small arrow sign in the same time, when the menu option has children?

Thank you,
Steven

I don't know how to go about it. The DDR menU from DNN Garden is a somewhat more flexible solution. If you cannot do what you want with it's standard configuration, with a bit more work you can design a custom menu using it. You may be able to use one of the templates as the basis.

Thank you very much for your fast answer.
I haven't tried the DDR menu from DNN Garden yet.
I also found one from codingstaff.com, called Menubox. It is also free and it has 8 different skins for the menu.
Which one do you think would be easier to use?
Also I want to have a horizontal menu on the top and whenever you select one option, I want to show a vertical menu somewhere on the left with only the child elements (ideally would be nice to show the  le being the same as the option selected from the top menu, but that one maybe I would need to hard code in the page - I thought to make another pane and write the  le there above the menu manually)
Thank you for your help. I will try out probably both.

Steven

All of those things are possible, and included in the range of attributes for the menus. I have not used the Coding Staff menu.

Finally I tried the DDR menu from DNN Garden, but there is something I cannot figure out. I am using the Accordion template and my code for the menu in the aspx skin is this:
<ddr:MENU MenuStyle="Accordion" runat="server" NodeSelector="*,1,1" />
I have another horizontal menu on the top, and this would be the vertical menu on the left side, which should show only the children under the option selected from the top menu. I tried NodeSelector=".,0,1", but it's not good for me, because whenever I choose a submenu option from the accordion, it will go to a page, where it shows only the children of that page, and I want to see the whole submenu that belongs to the menu option from the top menu (all levels except the root menu level).
NodeSelector="*,1,1" is almost good, but I don't want to see all branches from root, only the one under the root menu option selected, it doesn't make sense to show all options from other branches.
Not sure if I am clear enough. Do you think this can be done with choosing the correct parameters?

Thank you,
Steven

Sorry, I realized that my code was cut off by the forum. Here is the code I used in my skin for the menu:

Also I see that the word was cut off from my previous post.

How can I upload my line of code here? It looks like even I used quote it still cuts off. And also the word "t i t l e" is cut off.

If you are trying to include html tags in your message, but spaces before and after the < and >.  Otherwise, they may be interpreted as tags, not as text.

Thanks, so here is my current menu code again:
< ddr:MENU MenuStyle="Accordion" runat="server" NodeSelector="*,1,1" / >
I would like to see only the current branch of children from the top level menu (root menu) option selected, all levels excluding the top.

Thank you,
Steven

Is it possible to use the Accordion template from DDR menu to show all options of the main menu except the top level option, which I am showing in a horizontal top menu?
I want to be able to navigate through the Accordion menu to subpages, but I want to see always the full menu, only the suboptions should be highlighted according to which page I am at that moment.
Is this possible with the Accordion menu, or do I need some customization?

Thank you,
Steven

See the discussion of NodeSelector on this page: http://www.dnngarden.com/Standard-o....T120.aspx

Hmmm ... that should say Standard-options.T120.aspx