packrat
Posts:64
| | 03/07/2007 10:23 AM |
| Hi john,
I am trying to configure the menu as a select list in order to add some quick link items to my home page. I almost have it working as I would like but I can't get the level 1 items to show up in the menu when i use a parent level item as my starting point. I created a dummy parent item page, titled like this, -----------------------(disabled) to serve as the starting point in the quick links box. i did this so that the link would not be clickable but just used for style. When the user selects an item in the menu they are automatically directed to that page. I'm using the IncludeTabs and I can get the dummy page but not the level 1 items. Any suggestions. Take a look at www.jupiterchristian.org
Thanks,
Paul | | | |
|
|
|
John Mitchell
Posts:3478
| | 03/07/2007 10:30 AM |
| Hi Paul,
Have you set the Level property to include level 1?
Level="0-1", or you can set the ending range even higher, and the Select List items will automatically indent.
If so, please post the rest of your settings. | | | |
|
John Mitchell
Posts:3478
| | 03/07/2007 10:34 AM |
| Also, make sure the level one pages can be viewed by anonymous users if you want them to show when not logged in.
I like what you have done with the Navigation on that site. I'm going to be setting up a Showcase soon, can I include that site? | | | |
|
packrat
Posts:64
| | 03/07/2007 11:03 AM |
|
Here is the code:
Snapsis:NavMenu id=QuickNavList
IncludeTabs="-------------------------------------,Employment" Type="SelectList" Level="0-1"
The dummy page ---------------------------------- is a prent level item (0) and Employment is a level 1 item. I've trie expanding the levels to 0-3 but that did not work.
Yes, you can include the site when it is officially launched. I am looking at a couple more weeks. I am still having a problem on the athletics page when you click one of the sub sub items on the left. Example: Fall Sports (disabled) click Football. The menu collapses on the next page. What is causing this? Thansk for all your help.
Paul | | | |
|
John Mitchell
Posts:3478
| | 03/07/2007 11:09 AM |
| You shouldn't need to specify the Employment tab as included if it is actually under the one named with dashes, although I'm not sure why that would make it not work.
Try removing that to see. | | | |
|
packrat
Posts:64
| | 03/07/2007 11:20 AM |
| No...it is not ""under" the dummy page. That page has no children but is at the root level. I want this page to be the only root level item to show up in both of my quick links list and I want it to show up first. This way the first item is not clickable but acts as a place holder until the user makes a selection within the drop down. I would then use the IncludeTabs or ExcludeTabs to add my choice of level1 or level 2 items. I will keep playing with it. If you have anymore ideas, let me know. Also, I really need some direction on what I mentioned about the Athletics page and the collapsing menu. Is this some kind of selected positioning propery issue?
Thanks,
Paul | | | |
|
John Mitchell
Posts:3478
| | 03/07/2007 6:02 PM |
| | Sorry for the delay, I was trying to figure out exactly what was wrong. It is a very subtle difference, not really that the menu is collapsing, but more like that section is moving up under the other nav above it. Take a very close look at the SelectedTab CSS class, it must have something to do with that. | | | |
|
packrat
Posts:64
| | 03/08/2007 7:19 AM |
| That's exactly what I was thinking too. I am going to spend some time today with those classes to see if I can correct the behaviour. I found a solution for my earlier problem with the placeholder page for my quick links box. I create a parent level (0) item with no children, disable it and move it to the top of the pages in DNN, set the Level property to 0-3 and use the ExcludeTabs property to exclude any pages I don't want to appear in the quick links. I tried this same thing with the IncludeTabs property but any items below the root level would not show up. I would like to push this even further by doing away with the dummy tab altogether and having a tab I set first appear in the quick links box but I don't want any of the links to go anywhere until the user is forced to click a "go" button off to the side of the box. An example can be found here: www.lyndonstate.edu Any ideas on how to accomplish this?
Thanks,
Paul | | | |
|
John Mitchell
Posts:3478
| | 03/08/2007 7:48 AM |
| I'm glad you got it working. Yes, that is the behavior with the includes. It will only include the specified tab(s) and children.
You won't be able to do that last one with the Snapsis CSS NavMenu the way it is coded.
I could code up a special case for that though. | | | |
|
packrat
Posts:64
| | 03/08/2007 8:00 AM |
| I think at this point I will leave it as is. Besides, it is less clicks for the end user to get to where they want to go and it's another way the menu can be used without having to make any modifications. I have to get the other problem solved with the movement of the sub sub menu on my Athletics page. Here is the CSS code I have so far. I have created another class for the selected tab but I may have it written wrong. I also don't understand the background positioning property and if this may be causing the issue.
Page I'm leaving
#NavTabs .Level1 a
{
font-weight: bold;
background-image: url(../Images/sidemenu.jpg);
background-repeat: no-repeat;
padding-left: 30px;
}
#NavTabs .Level2
{
}
#NavTabs .Level2 a
{
font-weight: bold;
font-size: 12px;
color: #4c4533;
padding-left: 20px;
}
#NavTabs .SelectedTab a
{
font-weight: bold;
color: #cc0000;
cursor: default;
}
#NavTabs .DisabledTab
{
color: #4c4533;
font-size: 14px;
font-weight: bold;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
padding-top: 30px;
padding-bottom: 5px;
padding-left: 5px;
width: 185px;
border-bottom: #4c4533 1px solid;
background-color: transparent;
}
Page I am going to ( 2 pane skin)
#NavTabs .Level1 a
{
font-weight: bold;
background-image: url(../Images/sidemenu.jpg);
background-repeat: no-repeat;
padding-left: 30px;
}
#NavTabs .Level2
{
}
#NavTabs .Level2 a
{
font-weight: bold;
color: #4c4533;
padding-left: 20px;
}
#NavTabs .Level2 a:hover
{
text-decoration: none;
padding-left: 20px;
}
#NavTabs .SelectedTab a
{
font-weight: bold;
background-color: transparent;
color: #cc0000;
cursor: default;
}
#NavTabs .Level2 .SelectedTab a
{
font-weight: bold;
background-color: transparent;
color: green;
cursor: default;
}
#NavTabs .DisabledTab
{
color: #4c4533;
font-size: 14px;
font-weight: bold;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
padding-top: 30px;
padding-bottom: 5px;
padding-left: 5px;
width: 185px;
border-bottom: #4c4533 1px solid;
}
Additional info:
These are 2 different skins but the html structure is basically the same.
Once again...thanks for any help you can offer.
Paul | | | |
|
John Mitchell
Posts:3478
| | 03/08/2007 11:32 AM |
| | It most likely is the Background position that is causing that. You don't need that in your situation It is meant to be used when you have a tab image as a background. | | | |
|
packrat
Posts:64
| | 03/08/2007 12:53 PM |
| I removed the background positioning property but it did not solve the problem. I'll keep at it. I'll let you know if I find a resolution.
Thanks,
Paul | | | |
|