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, ...Help With MENU Separators Images (HOW Do I..)Help With MENU Separators Images (HOW Do I..)
Previous
 
Next
New Post
8/3/2006 5:17 PM
 

My client is asking me for Menu Separation images or characters between items across the top DNN Menu.

 

I need help with coming up with a work-a-round or a way to incorporate menu separators or dividers between menu items in horizontal DNN Menus.

 

In other words see example below:

About Us | Contact Us | Services | Products | Locations | Etc.

 

If I could somehow “trick” DNN Menu into accepting those little “|” separators via style sheet or image or just tricking up the module to do this, that would be great!

 

Unfortunately the DNN Core is 2.X but there must be something I can try.

 

Anyone please reply with how they have accomplished this or have seen it incorporated somehow.

HELP...

 

 
New Post
8/3/2006 6:23 PM
 

Hi!

In your skin file there are some more parameters you can set for the solpartmenu. Try the example below if. With those in the example you can set space on left and right side of each rootmenu item and also the separators. I´m not shure if it´s possible to insert an image there, I haven´t tried that but I think it also should be possible.

<dnn:MENU runat="server" id="dnnMENU"

rootmenuitemlefthtml="&nbsp|;&nbsp;"
rootmenuitemrighthtml="&nbsp|;&nbsp;"

 /> 

// Petri

 

 
New Post
8/4/2006 2:45 AM
 

Dear RegGFX

Version 4.3.3 there you can find in the DotNetNuke Skinning.pdf file the different attributes for the solpartmenu. (page 51 = page 71 of the .pdf document).
For instance for the separator
separator = <![CDATA[&nbsp;|&nbsp;]]>
separator = <![CDATA[<img alt="" src="RtMnItMiSprt.gif" />]]>

and you can set a class for that
separatorcssclass = RtMnItMiSprt (RootMenuItemMiddleSeparator)
.RtMnItMiSprt {}

Version 4.3.3 there you can find in the DotNetNuke WebControls.pdf file the different attributes for the DNNmenu. (page 14 = page 18 of the .pdf document).
The separator between Root level menu items.
This can include custom skin images, text, and HTML
separatorHTML = <!CDATA[&nbsp;<img src="file.gif" />&nbsp;]]>}
And you can set a class for:
CSSSeparator = RtMnItMiSprt (RootMenuItemMiddleSeparator)
.RtMnItMiSprt {}

Hope this will help.

Vriendelijke groeten
Gilbert Vanden Borre
 
New Post
8/4/2006 1:35 PM
 

Thanks Petri and Gvborre

I appreciate both the posts VERY MUCH... they both helped my thinking in resolving this issue.
Gvborre i will keep this post in mind for any future 4.X updates.
Here is what i did for my 2.X situation. I used the following Code inside a table cell for the version 2.x skin template

Works ok:
<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" separator="<img src='myseparator.gif'>"/>

The above code sample workes for me now.
However i'm still very interested in how to use the separator=<![CDATA[&nbsp;|&nbsp;]] method.
My Question is how or where in my template do i insert CDATA method?
The code i inserted below did not work for my version of 2.X
Did Not Work
<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" separator=<![CDATA[&nbsp;|&nbsp;]]/>

Gvborre.... the code you shared from your post, do i place that code in the template? I've created many skins before. I just haven't had to worry about separators much in the past until now. I'm just trying to understand how a real example should look if i upgrade someone's DNN site to a version 3.x or 4.x in the future.
Would the code look like this?
<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" separator=<![CDATA[<img alt="" src="RtMnItMiSprt.gif" />]]/>

Just Curious about the usage placement in the skin template.

Thanks

 
New Post
8/4/2006 3:39 PM
 
Dear RegGFX

This is of course a method when you upload a .html + .xml file...
When you put this an a .ascx control this can not work...
For instance take a look at this thread were I answered a question and put some code to illustrate how you can do it...
It is too late now and I've some visitors...

Vriendelijke groeten
Gilbert Vanden Borre
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Help With MENU Separators Images (HOW Do I..)Help With MENU Separators Images (HOW Do I..)


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