DotNetNuke Skinning – SolPartMenu

When you first encounter the SolPartMenu skin object, you may become a bit overwhelmed by all of the options.  But, it doesn’t take long to realize that you can ignore most of the attributes on the list and stick to a small subset that really matter.

The SolPartMenu object has two basic modes. CSS mode and Attribute mode.  That is, you can control everything by specifying an attribute, or you can specify all but a few items by using CSS.

We will concentrate on using CSS for our menu definition.  But first, a few attributes you may want to specify.

Attribute Explanation
display This controls the top level menu’s orientation.  Appropriate values are “horizontal” and “vertical”
level By default, the menu will display starting with the root level.  But it can start from the current page’s children or siblings.  Available values are, “Root”, “Child”, and “Same”
rootonly true or false.  By default, the submenus for a menu item will display.  Setting this to false shows only the top level menu items based on what was set for “level”.
separator text in this attribute, includeing html, will be used as a separator between the root level menu options.

Beyond these attributes are the obvious CSS attributes, and if you really want to get fancy extra attributes that allow you to place html around the various items.

This control has a lot of potential.  The best advice I can give to you is to start with as little as possible the first time you use it and build up from there as you get comfortable with it.

Once you get comfortable with this object, the other skin and container objects will seem trivial.

Related Post

  • DotNetNuke Modules – Creating Base ModulesDotNetNuke Modules – Creating Base Modules Now that we have DotNetNuke installed into Visual Studio we can go ahead and create our first modules. Actually, creating the modules is pretty simple. But it is even easier to do it wrong, which...
  • DotNetNuke Skins – ASCX vs HTML modeDotNetNuke Skins – ASCX vs HTML mode I got a question yesterday from a designer who is unfamiliar with ASP.NET asking what the difference is between ASCX mode and HTML mode when developing skins and containers for DotNetNuke. I th...
  • DotNetNuke Skinning – Collapsible ContainersDotNetNuke Skinning – Collapsible Containers One feature you'll see in DotNetNuke containers is the ability to collapse the container using an icon, typically in the upper right hand corner of the container. Implementing collapsible container...
  • DotNetNuke Skinning – Standard CSS ClassesDotNetNuke Skinning – Standard CSS Classes By now, you've gotten the idea that creating a set of skins and containers for DotNetNuke is a little bit more work than just creating some HTML, images, and a CSS file. Hopefully, you also realize...
  • DotNetNuke Skins – Hello, WorldDotNetNuke Skins – Hello, World Now that we understand how the ASCX files and CSS files relate to each other, it's time to create our first skin file. Today we are going to deal primarily with the issues of layout. If you ar...