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 CSS StylesSolPartMenu CSS Styles
Previous
 
Next
New Post
3/8/2006 11:24 PM
 

Hi, I've been trying to reskin the Solpartmenu, mainly by usinng CSS to change the colours etc...

I'm finding the CSS style names confusing, mainly because a few of them don't seem to correspond to what the style seems to suggest that they effect.

 

It seems that the CSS class/style used for the submenu's that pop-up when the page loads for the first time is set to something else when the onmouseout event is triggered, this causes the icon border to come on, in some cases... after days (which is too long) of messing around with this, I've come very close to being satisfied. except that the submenu cells seem to grow(ever so slightly, but noticably) when you mouse over and then when you mouse-out it stays at the same size so that the growing effect only happens when you first mouse over a sub menu item..

I don't quite understand what or why this is happening?

Is there a way to turn the icons at the beginning of the submenu's off?

Is there any other menu systems available that people have had success with?

SolPartMenu isn't really the best for a few reasons.

1. Spiders cannot follow the menu system, making search engines unable to navigate the site.

2. The CSS styling system is just an add-on to old code, which doesn't seem to work very well, due to the fact that there are 3 TD's involved I think.

Not saying it's bad, I'm just getting frustrated trying to make it look good by setting the colours with CSS.

Any help would be appreciated.

 
New Post
3/9/2006 4:00 AM
 

Managing the SolPart menu is a challenge at times.. because it does offer alot of different configurations, some better with browsers than others, but there are ways of displaying content without using the menu itself.   And there are third party products around that I think do a great job, but while some people rave about the removal of the JS file (which is cached first time it's loaded) the files have alot of code within in them that make loading the pages.

Then we have browser compatibilty - wow, that's a can of worms itself.

You can turn off icons by having this in your css code - where the arrows / icons is mentioned - display: none;  that turns off the icons from displaying and arrows.

There are other menus around - http://www.telerik.com/dnn - at a cost of course but you can do alot with it.

Then there is component art  - http://www.componentart.com - again at a charge but it's very fleixible once you can grasp how the skinning elements work -

I found both products are hard to follow at times and load the pages with alot of code but are very browser compliant so if it's important - then they are options.

There are third party css menus - http://www.houseofnuke.com has one - and it's a css based flyout.  It seems to work nicely - but not sure how it works with spiders - so in fact, no able to tell you about the virtues of menus and spiders.

There is the http://www.inventua.com side and top menu - does not offer flyouts but is very DNN & Browser friendly.

There is also a very slick little product - http://www.oliverhine.com  he's got a sitemap module - but he's using the http://www.devmansion.com menu wrapped into this module and I think it's quite cool.

You can also experiment with the breadcrumb and links skinobjects -I've done a range of sites for a client where we put in some very nice effects with link, active, over and over state images on a site that has no solpart menu - it looks great..

I think alot of people get bogged down in trying to make solpart into something it's not - when they forget that it's a brilliant part of dnn - a dynamic, skinnable menu, which has it's own set of challenges.. and even today - it takes up a large part of our skin development to make right.

I work in ascx mode - because with solplart you need to apply code to the skin as well as the css file to reflect the changes so you can see that if you're not familiar with this, you can't see the results as they may not be applied if working in html mode and xml mode, unless you have coded the xml file correclty which I find tedious when doing complex menu skinning.

This is only a bit of a rambling of thoughts I know, but I have tried to get some thoughts I have on things so you can explore some different options rather than get bogged down with the burden of learning the ins and outs of the menu.

I hope this gives you some insight - and also in reference to sites spidering your sites - I find that utilising the links skinobject really does help go a long way and on all my pages in my site - (well the important ones) I have the Inventua side menu skinned a little bit and used the copy module to get all the child pages on there displaying and hopefully helping with getting it spidered.

There you have it - I"m off to have a cup of tea - before I move to the harder stuff.. I really appreciate thoughts like yours and many others - it helps me understand where I can be of assistance, since I don't code at all, so not of real dnn core team value when it comes to contributing, but I think with questions and thoughts like yours I can come up with some other things for you to think about and discover.

Thanks for your post!

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
3/16/2006 12:52 AM
 

Hi Thanks for the reply, I'll have to have a look at some of those menu's

In fact I've had a quick look already and would like to know how easily they fit into the Nuke menu/database structure, e.g. do they plug straight in and display the same menu that sol-part would, or do you have to write your own custom code to make them do that, a few of them look like they are just .Net components that you can use with any aspx pages.

With the growing menu's I've traced it down to the fact that a border is added to the submenu item when you mouse over it, and the border stays when you mouse out. The border changes colour when you mouse out, I guess depending on what settings you have set the menu up with.

Hmm, I'm tempted to try and see if I can work out whats going on and fix this menu problem, other than this it's pretty good.

 

Thanks.

 

 
New Post
3/16/2006 9:16 AM
 

1. Spiders cannot follow the menu system, making search engines unable to navigate the site.

This is not true.  The menu (actually underlying .NET framework) should detect when a spider is hitting the page and the menu will render itself downlevel (i.e. only links sent down).

Regarding your "bumping" issue, see my first response in this thread.

If you post a url with your skin I could assist you in working around this issue.


 
New Post
3/16/2006 10:33 PM
 

Thats good about spiders etc.

Was wondering how the menu knows when a request is a spider?

As for the menu I fixed the problem by commenting out the two lines in \controls\SolpartMenu\spmenu.js like this,
#957:  //spm_applyRowBorder(oRow, 1, this.selBorderColor, true);
#1042:  //spm_applyRowBorder(oRow, 1, this.selBorderColor, true);

Doing this fixes the problem. Yay!

I don't have the site/skin online as yet, but I found an example of it happening here:
http://www.dotnetnuke.com/contest/Professional/Illuminated%20Metals/tabid/675/Default.aspx

You have to move your mouse down over all the submenu items to see it happening. (The menu grows slightly due to the borders being added)

I also commented out 
#287       //sHTML += '       <tr><td HEIGHT="100%">' + spm_getSpacer(this) + '</td>\n' ;
to fix the space at the bottom of the menu when it's verticle.

Thanks,.


 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...SolPartMenu CSS StylesSolPartMenu CSS Styles


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