DotNetNuke Skins and Resources by ThinkofDesign

Forums

Forums > DotNetNuke > Skinning in general
Subject: please help with solpartmenu problems
Prev Next
You are not authorized to post a reply.

Author Messages
tommabear User is Offline
New Member
New Member
Posts: 1
04/16/2007 12:48 AM  

I have problems in using solpartmenu.

1. I was trying to create horizontal menu with round cornered menu tab,  the menu should react to "mouse over". I tried to use LeftSeparatorActive and RightSeparatorActive for menu tab side images to get "onmouseover" effect, but what I got is images set in LeftSeparatorActive and RightSeparatorActive only react to "onmouseclick".  How do I make the menu tab separator images to change on mouse over?

2. My submenu tabs don't use background image set in submenucssclass but inheritly use background image in MenuItemCssClass. That makes my submenu background the same as main menu background, how do I config if I want to make them different?

3. My first level submenu has about 7px indent to the main menu, is there anyway to remove the indent,  make submenu vertically in line with main menu?

4. How do I add arrow to the right side of submenu tab text?

Thanks in advance for your help
Vasilis User is Offline
Yellow Member
Yellow Member
Posts: 315
04/16/2007 03:35 PM  
Well,

Making Solpart menu look the way you want, is one of the most tricky tasks even for the experienced DNN skinners. Let's see your issues one by one.

1. What you want to achieve isn't possible with separators... at least from what I can say! An easy but limited solution is to make your tabs fixed width and then use a background image for each that will change on mouse over. As I said this is a limited solution because the tabs have to be same width. A more advanced solution is to use the rootmenuitemlefthtml and rootmenuitemrighthtml to wrap your root items with two DIVs where you can then apply the left and right curve of your tab as background images. There are no limitations in this solution but the CSS styles needed are not easy.

2. To avoid conflicts try to use custom CSS classes. You can see an example in my DotNetNuke CSS hierarchy and default styles post. Also you have to know that when there are two styles that conflict, the one that is lower in your CSS code will be applied.

3. The submenu is aligned by default with the above root item's table cell, not the text. You can experiment with the submenu margin to adjust its position.

4. Make sure that the solpart's attribute 'usearrows' in your skin code has not been set to false and then check your CSS styles to see if there is .MainMenu_MenuArrow{display:none;}. That style has to be removed.

I hope you'll find these helpful.

Let me know

Cheers
You are not authorized to post a reply.
Forums > DotNetNuke > Skinning in general > please help with solpartmenu problems


ActiveForums 3.7