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, ...How to use a vertical treeview nav menu?How to use a vertical treeview nav menu?
Previous
 
Next
New Post
3/22/2010 4:52 AM
 

I edited the default  file \Website\Portals\_default\Skins\MinimalExtropy\index.ascx as below:

<dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNTreeNavigationProvider" IndicateChildren="true" ControlOrientation="Vertical" ControlAlignment="Left" CSSNodeRoot="main_dnnmenu_rootitem" CSSNodeHoverRoot="main_dnnmenu_rootitem_hover" CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected" CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected" CSSContainerSub="main_dnnmenu_submenu" CSSNodeHoverSub="main_dnnmenu_itemhover" CSSNodeSelectedSub="main_dnnmenu_itemselected" CSSContainerRoot="main_dnnmenu_container" CSSControl="main_dnnmenu_bar" CSSBreak="main_dnnmenu_break" />

 

The highlighted section are edited words and the default provider is DNNMenuNavigationProvider and the index.html file was edited by me in the similar way.

But the webpage didn't show as I had expected.

Why and then how?

Thanks in advance!

 

 
New Post
3/22/2010 11:20 AM
 
Timo has this in codplex http://dnnskinextensions.codeplex.com/ Have a look Salar
 
New Post
3/22/2010 9:15 PM
 
Salar Golestanian wrote:
Timo has this in codplex http://dnnskinextensions.codeplex.com/ Have a look Salar
 
Sorry, this module cannot solve my problem. Thank you all the same!
 
Any other ideas?
 
 
New Post
3/23/2010 11:01 AM
 

Hi, in fact changing orientation from horizontal to vertical will only tell DNN how to display submenu items (from down to right side).

You will also need to remove all left floats from menu items. Just edit file \Portals\_default\Skins\MinimalExtropy\css\menu.css and comment/remove all float:left; from the following styles: .main_dnnmenu_rootitem, .main_dnnmenu_rootitem_hover, .main_dnnmenu_rootitem_selected

This change will place menu items vertically, still further css adjustments will be necessary, according to the layout you intend to achieve.

My best,


Beatriz Oliveira
Founder of Bind New Media & Design and creator of Bind Tuning
Linked In | Twitter
 
New Post
3/25/2010 4:49 AM
 
Beatriz Oliveira wrote:

Hi, in fact changing orientation from horizontal to vertical will only tell DNN how to display submenu items (from down to right side).

You will also need to remove all left floats from menu items. Just edit file \Portals\_default\Skins\MinimalExtropy\css\menu.css and comment/remove all float:left; from the following styles: .main_dnnmenu_rootitem, .main_dnnmenu_rootitem_hover, .main_dnnmenu_rootitem_selected

This change will place menu items vertically, still further css adjustments will be necessary, according to the layout you intend to achieve.

My best,

 

Thank you! But I know little about CSS and I remember there is a DNN-BLUE-VERTICALskin in the DNN 4.x, why there isn't the similar things in DNN5?

 
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How to use a vertical treeview nav menu?How to use a vertical treeview nav menu?


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