Lee Sykes
DNN Creative Staff
Nuke Master V
Posts:5307
 |
|
Petri Huila
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:4
|
| 05 Aug 2009 8:34 AM |
|
Hi!
I have a question about using both horizontal and vertical menus in the same skin.
I want to create a menu system just as at dotnetnuke.com, where the vertical menus subpages are displayed indented in the vertical menu.
Do you have any ideas of attributes used here?
Is it Navmenu at dotnetnuke.com ?
/ Petri
|
|
|
|
|
Lee Sykes
DNN Creative Staff
Nuke Master V
Posts:5307
|
| 06 Aug 2009 5:55 AM |
|
Hello,
Yes I think that is the Nav menu, however it may be using features that are just available in the new version of the Nav menu in DNN 5.x.
To give you an idea of how they have coded this, here is the code below from the DotNetNuke.com skin.CSS file
a div tag with the id of SideNav surrounds their menu.
You may want to try this attribute in your menu:
ForceDownLevel = "True"
div.SideNav div
{
padding-top: 6px;
padding-bottom: 6px;
border-bottom: solid 1px #d4dbe3;
}
div.SideNav div.Level1
{
padding-left: 8px;
}
div.SideNav div.Level2
{
padding-left: 20px;
}
div.SideNav div.Level3
{
padding-left: 32px;
}
div.SideNav span,
div.SideNav a:link,
div.SideNav a:visited
{
padding-left: 12px;
background-image: url("images/site/bullet.gif");
background-repeat: no-repeat;
background-position: left center;
font-family: Arial,Helvetica,Sans-Serif;
font-size: 11px;
color: #6f7e87;
text-decoration: none;
}
div.SideNav a.ActiveItem:link,
div.SideNav a.ActiveItem:visited,
div.SideNav a.ActiveItem:hover,
div.SideNav a.ActiveItem:active
{
color: #cc0000;
text-decoration: underline;
background-image: url("images/site/bullet-red.gif");
}
div.SideNav a:hover,
div.SideNav a:active
{
color: #cc0000;
text-decoration: underline;
}
|
|
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
Twitter: www.twitter.com/leesykes
 |
|
|
Rick Anderson
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:6
|
| 06 Aug 2009 12:03 PM |
|
| I want a secondary menu in addition to the main menu similar in concept to the tutorial. I want the secondary menu to start with a tab-id. However, my configuration of the DNN portal uses the page title (or name) in place of the tab-id. This means I can't figure out which tab-id to start with. How can I determine the tab-id when it isn't explicitly displayed in the url? |
|
|
|
|
Lee Sykes
DNN Creative Staff
Nuke Master V
Posts:5307
|
|
tango
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:8
|
| 16 Aug 2009 6:57 AM |
|
Hi Lee,
Firstly congratulations on an excellant article & choice of article. I have never touched skinning before & have almost nailed it, however 
I seem to have a problem with the height of my menu (DNN 5.01.00 (773))
I have set the height to 25px & my background image is 25px high but it just wont accept it.
Ive had a crack (for the first time) with web developer toolbar & narrowed it down to skin.css which also relies on menu.css
the page in question is http://7even.capaust.org
I look forward to hearing from you.
Kind Regards
Todd |
|
|
|
|
Lee Sykes
DNN Creative Staff
Nuke Master V
Posts:5307
|
| 17 Aug 2009 7:46 AM |
|
Hello,
Looking at your code, you just need to make one change:
.mainMenu
{
cursor:pointer;
font-size: 10px;
width:970px;
height: 25px;
}
instead of placing the height in the
.mainMenu .root
When you have placed your background image, I would also recommend you specify a background color to use incase the image can not be displayed.
ie:
in your .menu_bg
background: blue url(images/menu_bg.png) top left;
|
|
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
Twitter: www.twitter.com/leesykes
|
|
|
tango
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:8
|
| 17 Aug 2009 5:19 PM |
|
| Thanks soo much, Lee |
|
|
|
|
superdave
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:1
|
| 02 Sep 2009 11:39 AM |
|
Hi Lee,
Thanks for the nice tutorial.
I was trying to figure out how to show a horizontal nav that does NOT show its children in dropdown menus. I'm doing a footer nav, and I don't want something to drop down (or up) when someone scrolls over, for exampel, Admin. I didn't see how to do that in your tutorial (though admittedly I didn't watch every one of them), but I seem to recall you did request feedback on that issue.
I was able to accomplish this with what would probably be best described as a hack, though a very easy one. I simply set the CSSContainerSub to a css class in which I set the property 'display:none'. Works like a charm.
|
|
|
|
|
Lee Sykes
DNN Creative Staff
Nuke Master V
Posts:5307
|
|
Loren
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:3
|
| 08 Sep 2009 11:37 PM |
|
Regarding the removal of the submenus...
I believe the official way to do this now is with the following properties:
StartTabId="-1" (for starting on the root -- but this could change to whatever level you wanted)
ExpandDepth="1"
PopulateNodesFromClient="False" (This is the key piece here, since by default it's True)
I found this on page 18 of the DotNetNuke Navigation WebControls document written by Jon Henning. |
|
|
|
|
Lee Sykes
DNN Creative Staff
Nuke Master V
Posts:5307
|
|
KayT61
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:9
|
| 27 Sep 2009 6:02 AM |
|
Hello,
I have now gone through the tutorials in issues 5&6 and 46.
I am now looking at the tutorials in issue 47 and am having problems styling the Nav menu.
I have added the code for the nav menu to the ascx file and the menu changes to the 'basic' format.
Then I add the code from video 3 to a new CSS file but this does not replicate to the local website. Basically the neither the background image or color are visible.
Please can you advise where I am going wrong.
Many thanks.
Trev
|
 Attachment: 192724320171.txt
|
|
|
|
Joseph Craig
DNN Creative Staff
Nuke Master V
Posts:5354
|
| 27 Sep 2009 10:42 AM |
|
Your skin.css file doesn't seem to define the styles called for in your ascx file.
I would also remove all of the unneeded/unused styles just to simplify the file. |
|
Joe Craig
DNN Creative Support
Subscribe to the website |
|
|
PeterHawley
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:1
|
| 03 Nov 2009 12:26 PM |
|
I have done this with the following control:
Register the following Control:
Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx"
Instr the following control
dnn:LINKS runat="server" ID="dnnLINKS" Separator=" | " Level="root" |
|
|
|
|
Rami
DNN Creative Magazine Subscriber
Nuker
Posts:13
|
| 09 Jan 2010 4:20 PM |
|
| I'm trying to build my own skin for my site this skin will be a right to left skin, but I face a problem with my [NAV] object which is for dnn menu, this problem needs an alter on the javascript file for the menu named "dnn.controls.dnnmenu.js" but it is a shared js for all skins, so can I specify special js file for my menu or not? |
|
|
|
|
Tracy Dryden
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:5
|
| 18 Feb 2010 6:32 PM |
|
| I've got an issue with the images that indicate child menus. I've specified a different image for IndicateChildImage and IndicateChildImageSub, but only the IndicateChildImageSub image displays, for both root and child menus. I even tried IndicateChildImageRoot, but that didn't change anything. |
|
|
|
|
Tracy Dryden
DNN Creative Magazine Subscriber
Nuke Newbie
Posts:5
|
| 18 Feb 2010 7:46 PM |
|
I've sorted the issue, sort of, and in an unsatisfying manner.
When I switch to a horizontal menu the IndicateChildImageRoot image displays fine. Apparently the authors of the control think they know better than we do. Since vertical menus generally use left arrows for submenus, and so do the submenus, they just grab the submenu image and use that, no matter what you really want. If your root menu is vertical and graphical, there's apparently no way to have nice graphical submenu indicators on it that are different from the ones on the submenus. That's just annoying! |
|
|
|
|
Joseph Craig
DNN Creative Staff
Nuke Master V
Posts:5354
|
| 18 Feb 2010 8:06 PM |
|
There are alternative menus available. One free menu, and one that gets lots of postive reviews, is from http://www.dnngarden.com/. Mark Allan is very active and seems to provide good support.
This menu is touted as a "drop in" replacement for both SolPart and the DNNNav menus.
|
|
Joe Craig
DNN Creative Support
Subscribe to the website |
|
|