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, ...SolPartMenu StylingSolPartMenu Styling
Previous
 
Next
New Post
10/2/2006 7:57 AM
 

Hi I am hoping that somebody can help me.

I am working with the SOLPARTMENU which is working fine I just need a little help with making it look right, there are several things I need to adjust. You can see the site at http://www.dotnetnuke.jdevelopment.co.uk/ ignore the Home page I haven't changed the skin on it - it is all of the other pages that have the problem.

1. I have set the separator to | which is fine except I can't seem change the color of it, I can change the background colour but cannot change the foreground color. CSS as follows:

.MainMenu_MenuBreak
{
   background-color: #000000
   height: 1px;
   padding-left:0px;
   color:#FFFFFF;
}

is this even the right CSS item to use? it seems to work if i cahnge the background-color but the color does not work - as you can see I want the color to be White but the above doesn't work. Any help would be appreciated.

2. The Products menu has a sub menu but the first time you hover over it the whole menu moves down slightly - does anyone know what is causing this?

3. Any time I click on any menu item - on the mouse down click the menu item moves left and then on mouse click up the menu item moves back to its original position. Can anyone shed any light???

4. I can't get rid of Breadcrumb.gif (the arrow image that appears next to the selected menu item) I have however changed it to all black in the hope that this woud solve the problem but, doh! not a hope!

5. and finally does anyone know how I could align the whole menu to the right of the page instead of the left... I have tried to set alignment in several CSS properties but with no joy.

I would really really appreciate any help anyone can provide.

Thanks in advance.

 
New Post
10/2/2006 11:28 PM
 

I can't open the URL you gave , but I'll try to help blindfolded:

1. Set a css class for your separator, and style the color there.
In your .xml file under [SolPartMenu]:
         <Setting>
            <Name>separatorcssclass</Name>
            <Value>whatever</Value>
         </Setting>
Or in the skin .ascx file:
 separatorcssclass="whatever"

2. I find the SolPartMenu will "move" when there's a difference in the font family, size, weight, style or decoration between the selected and unselected styles.  Also when there are differences in the border settings between selected and unselected, and when one has height set and another doesn't. Check the css to be sure it's consistent.

3. See #2 above, usually the font.

4. Turn it off.
In xml:
         <Setting>
            <Name>userootbreadcrumbarrow</Name>
            <Value>false</Value>
         </Setting>
Or in the .ascx:
 userootbreadcrumbarrow="false"

5. Set it to the right like this.
In xml:
         <Setting>
            <Name>menualignment</Name>
            <Value>right</Value>
         </Setting>
Or in the .ascx:
 menualignment="right"

Hope this helps...

 
New Post
10/3/2006 6:27 AM
 

Hi Sam,

Thanks for all of this, its great and sorry you coudn't open the link, I don't know why because it seems to work fine for me - any how you did do a marvelous job blindfolded!

Points 1, 4 & 5 are sorted - Thanks

But I still can't work out point 2 & 3. I have spent so long going through the docs for DNN and trying different tactics but to no avail. It appears that the sub menu problem is due to a top or bottom border around each sub menu item, but I have looked high and low for this CSS in both my stylesheet and the default.css. Do you have any other ideas? 

And I have no idea about the moving menu items, it is truly bizarre! There must be a solution somewhere though - I shall keep on looking!

Thanks again for your help on these matters.

And should anyone else have a sugesstion for my Menu problems please feel free to respond too!!

Sarah

 
New Post
10/23/2006 2:21 PM
 

I am also trying to get rid of the breadcrumb.gif in my Portal menu. I have tried the suggestion of adding
          <Setting>
            <Name>userootbreadcrumbarrow</Name>
            <Value>false</Value>
         </Setting>

But that didn't seem to work, or I am placing it in the wrong spot. I assume it goes under the [BREADCRUMB] token, but no change was made.

Any ideas on what i'm doing wrong? Thanks.

 
New Post
10/23/2006 2:34 PM
 

I also add the following style:

.MainMenu_MenuArrow, .MainMenu_RootMenuArrow { display: none; }

peter


Peter Schotman
Cestus Websites voor DotNetNuke oplossingen in Nederland
Contact us for your custom design and skinning work.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...SolPartMenu StylingSolPartMenu Styling


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