I don't have an example to download on this site, but it is possible.
First of all add 2 Solpart Menus to a page, set 1 to horizontal and the second to vertical
- Don't worry about the styling or layout at this point, just experiment with the configuration.
Now for the horizontal menu use:
Turn Off Sub Menus
While the standard drop-down capability of the SolPartMenu is keen, there are times which call for a more simplistic single level menu approach. If you desire a menu navigation system, which only displays the menu architecture which you have specified at the designated level (Root|Same|Child), you can control this by setting the rootonly attribute.
rootonly={values: true | false (default value: false)}
Example (ascx file):
<dnn:MENU runat="server" id="dnnMENU" rootonly=”true”>
Example (skin.xml file):
<Object>
<Token>[MENU]</Token>
<Settings>
<Setting>
<Name>rootonly</Name>
<Value>true</Value>
</Setting>
</Settings>
</Object>
Then for the vertical menu use:
Levels and Sub-Menu
The standard menu of DotNetNuke displays the root tabs/pages as the top level of the menu system. Many occasions call for a menu which is based at either the Parent of the current page, or possibly, as just the children of the current page, rather than the site root. This can be handled readily within SolPartMenu by setting the level attribute.
level={values: Root | Same | Child (default value: Root)}
Example (ascx file):
<dnn:MENU runat="server" id="dnnMENU" level=”Same”>
Example (skin.xml file):
<Object>
<Token>[MENU]</Token>
<Settings>
<Setting>
<Name>level</Name>
<Value>Same</Value>
</Setting>
</Settings>
</Object>
All you have to do then is setup the styling for the menus, thanks,