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, ...Custom Skin - Standard Menu CSS not working 100%Custom Skin - Standard Menu CSS not working 100%
Previous
 
Next
New Post
4/12/2006 4:12 PM
 

Hi all.

I have created a custom skin for a client, and I am using the standard vertical menu for them.  I have DNN 4.0.2.  I have almost all of the menu looking like they want it, except for 2 elements.  They want the top level text to be centered, and divider lines between menu items.  I have successfully modified the sub menu to be centered, but not the top level.

I have a skin.css file that says to center the text, I have also gone into the stylesheet editor and put the exact same style information into it.  I have a skin.xml file that has 2 settings in it set like this:

<Objects>

<Object>

<Token>[MENU]</Token>

<Settings>

<Setting>

<Name>seperatecss</Name>

<Value>false</Value>

</Setting>

<Setting>

<Name>display</Name>

<Value>vertical</Value>

</Setting>

</Settings>

</Object>

</Objects>

Nothing changes the text from being left aligned, and no breaks.  Here is what I have in both the skin.css and in the stylesheet editor:

.MainMenu_MenuItem {
 border-left: #006699 0px solid;
 border-bottom: #006699 0px solid;
 border-top: #006699 0px solid;
 border-right: #006699 0px solid;
 cursor: pointer;
 cursor: hand;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
 text-align:center;
 background-color: Transparent;
 font-family: Verdana, Tahoma, Arial, Helvetica;
 height: 27px;
}

Please help.


 
New Post
4/12/2006 6:57 PM
 

We can work this out...

First I gotta say you must pay particular attention to your spelling.  In your skin.xml file you misspelled the separatecss name.  Now that may have been ok anyway, because you really do want to use a separate css file (true).

So, since you have parsed the html with the xml file, open your skin.ascx file with NotePad.  Find the part that displays the SolPart menu.  It should look similar to this:  <dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" separatecss="true" fontnames="Arial" fontsize="12" Display="Vertical" UseRootBreadcrumbArrow="True" UseSubMenuBreadcrumbArrow="True" UseArrows="True" />
If it does not have separatecss="true" then add that, save the file and refresh the browser. Tell me what you get from there.

 

 
New Post
4/13/2006 2:06 PM
 

ok, I made several modifications.  Previously, I had the toekn as [MENU].  I now have it as [SOLPARTMENU], and here is the way it currently looks like in the ASCX file:

<td class="menupane" id="MenuPane" runat="server" valign="top">
<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" separatecss="true" display="vertical" />
<br />
</td>

It hasn't made any differences, as I still can't the menu to look how it needs to.  At least it is exactly how you wanted it, right?  I copy pasted the seperatecss text from a previous demo.  I copy/pasted what you had to make sure everything was as it is supposed to be.  I am not sure what to look at next.

 

 
New Post
4/13/2006 6:39 PM
 

OK, good. Now I need to see the rest of your Menu .css classes.
What do you have for:

.MainMenu_MenuContainer
.MainMenu_MenuBar
.MainMenu_MenuIcon
.MainMenu_MenuItemSel
.MainMenu_MenuBreak

 
New Post
4/13/2006 10:03 PM
 

That's easy, there isn't much to show on the rest of it

.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
 border-left: #006699 0px solid;
 border-bottom: #006699 0px solid;
 border-top: #006699 0px solid;
 border-right: #006699 0px solid;
 cursor: pointer;
 cursor: hand;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
 text-align:center;
 background-color: Transparent;
 font-family: Verdana, Tahoma, Arial, Helvetica;
 height: 27px;
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Custom Skin - Standard Menu CSS not working 100%Custom Skin - Standard Menu CSS not working 100%


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