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, ...Visual problem with SolPartMenu + Skin.xml not workingVisual problem with SolPartMenu + Skin.xml not working
Previous
 
Next
New Post
3/29/2009 11:33 PM
 

Hi! I am skinning DNN for a non-profit think tank in Washington, DC. I am having two problems that I just can't seem to figure out. The site is here: http://meistaging.dyonyx.com/Home/tabid/367/Default.aspx

Firstly, SolPartMenu has awkward notches all the way down the right side of its drop-downs. How can I eliminate these? I am styling SolPartMenu like this in skin.css:

.MainMenu_MenuBar
{
 cursor: pointer;
 height: 30px;
 background-color: Transparent;
}
.MainMenu_MenuItem
{
    cursor: pointer;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
}
.MainMenu_MenuIcon
{
 cursor: pointer;
 background-color: #7f3710;
 text-align: center;
 width: 15px;
 height: 21px;
}
.MainMenu_SubMenu
{
 z-index: 1000;
 cursor: pointer;
 background-color: #7f3710;
 color: white;
    border-bottom: #000000 2px solid;
    border-left: #000000 2px solid;
    border-top: #000000 2px solid;
    border-right: #000000 2px solid;
}
.MainMenu_MenuBreak
{

}
.MainMenu_MenuItemSel
{
    cursor: pointer;
    background-color: #bfbfbf;
    color: black;
    font-family: Verdana, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
}
.MainMenu_MenuArrow
{
 
}
.MainMenu_RootMenuArrow
{
 
}
.MainMenu_SubMenuItemActive
{
 background-color: #7f3710;
 color: black;
}
.MainMenu_RootMenuItemActive
{
 background-color: #7f3710;
 color: black;
}
.MainMenu_RootMenuItemSelected
{
 background-color: #7f3710;
 color: black;
}
.MainMenu_SubMenuItemSelected
{
 background-color: #7f3710;
 color: black;
}

 

Secondly, I am attempting to use skin.xml to turn off the "web" and "site" radio buttons next to the search box. My skin.xml is as follows, and seems to be properly parsed by DNN, however the radio buttons remain:

  <Object>
    <Token>[SEARCH]</Token>
    <Settings>
      <Setting>
        <Name>ShowWeb</Name>
        <Value>False</Value>
      </Setting>
      <Setting>
        <Name>ShowSite</Name>
        <Value>False</Value>
      </Setting>
    </Settings>
  </Object>

 

I would be incredibly grateful for any help with these issues! :)

 
New Post
4/5/2009 6:40 PM
 

Still looking for help! :\

Thank you!

 
New Post
4/5/2009 9:10 PM
 

With regards to the "notch" you need to remember that when using the default classes for the menu, you may at times, like this, need to override the settings in the default.css style sheet.  You've not assigned any borders in your classes and so the border settings in the default.css are being applied to the menu items.  You should download and install firebug in firefox browser and use the "inspect" feature in it.  It took me all of 2 minutes to find the source of your issue here just using firebug.  In the default css, the top border for the menu arrows is set to 0px, but the top border for the icons and the text is set to 1px which makes things appear to have a "notch" from the missing top border.  Try setting your skin.css to include the following:

.MainMenu_MenuArrow {
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
border-left: solid 0px #ffffff;
}

That should resolve that problem.  It may be easier for you to override the appropriate classes by copying the classes and their settings from the default.css and pasting into your skin.css.  Either that, or assign new class names to them all in the skin.xml so there is nothing that can cascade down into your settings causing problems like this.  Someone will probably come along and tell you that Solpart is deprecated and not being developed for several years now, but if you want to use the menu arrows and assign borders to your submenu items, then you are better off sticking with Solpart as the DNN Nav menu is mucked up when it comes to assigning borders in submenu items, and using child menu indicator arrows is also trashed since it applies the arrow to the background image of the submenu item text and the text can actually overwrite the arrow itself.  Hopefully, DNN Nav menu will eventually have those issues addressed as they make for some difficulties and excessive limitations when styling the submenus and main menu.

As for the skin.xml problem, perhaps it is more a cache issue somewhere.  The syntax looks fine and is exactly as I've used it before without any issue.  Try clearing the DNN cache or doing a hard refresh on the page (shift-f5 in firefox, cntrl-f5 in ie).  If that doesn't help, then try physically deleting the files in the "cache" folder in the portal subdirectory.  And if that doesn't help, try deleting your temporary internet files and see if  that helps.  If none of those help, then I'm stumped.


JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

New Post
4/8/2009 8:14 PM
 

You were correct regarding the menu -- I added the CSS you provided, and it solved the problem perfectly. I'll investigate the other SolPartMenu classes to see if there's anything else I should be styling.

As for the skin.xml problem, it was not the cache, but the fact that I had no <Objects></Objects> tag.

Thanks a lot for your help, Rick!

 
New Post
4/9/2009 12:06 PM
 

Please be aware that SolPart has been depreciated in favour of DNN Nav menu 2. Thanks.



Alex Shirley


 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Visual problem with SolPartMenu + Skin.xml not workingVisual problem with SolPartMenu + Skin.xml not working


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