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

HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Help with removing ul tagHelp with removing ul tag
Previous
 
Next
New Post
3/2/2012 9:02 AM
 

Hello, 

I'm trying to create a module that contains a jquery accordion. The accordion seems to work fine but i still get the bullet list even though i applied line-style-type:disc to my ul tag in css. Please help.

Below is what i have done so far.

Code:

<div id="accordionMenu">
 <ul class="topnav">      
            <li><a href="#">Item 1</a>
                <ul>
                     <li><a href="#">Sub Item 1</a>
                                <ul>
                                   <li><a href="#">Sub Sub Item 1</a>
                                           
                                            </li>
                                       </ul>
                            </li></ul></li></ul>

<ul class="topnav">      
            <li><a href="#">Item 2</a>
                <ul>
                     <li><a href="#">Sub Item 2</a>
                                <ul>
                                   <li><a href="#">Sub Sub Item 2</a>
                                           
                                            </li>
                                       </ul>
                            </li></ul></li></ul> 

<ul class="topnav">      
            <li><a href="#">Item 3</a>
                <ul>
                     <li><a href="#">Sub Item 3</a>
                                <ul>
                                   <li><a href="#">Sub Sub Item 3</a>
                                           
                                            </li>
                                       </ul>
                            </li></ul></li></ul> 

</div>



Please help..

 
New Post
3/3/2012 12:56 AM
 

Without seeing the styles, its hard to say for sure. I am guessing your module.css needs something like this:

ul.topnav , ul.topnav li{list-style:disc;}

In reference to other parts of your post I think it is worth noting that as of DotNetNuke 6.0, an according effect is available via a DNN jQuery plugin called dnnPanels (which  is based on jQuery UI). An example of this can be seen in several of the admin modules (they also serve as a good example of the css styles that are built into dnn 6 to handle this too). 

Here is a link to a source file (from the Q&A module's Settings page) that shows the dnnPanels plugin only (the necessary styling and javascript that will handle partial postbacks as well). You can view the source for the .cs file from that link as well, to see an example of registering jQuery and jQuery UI properly too (it's important to properly register jQuery). For any other details related to jQuery, jQuery UI, or any other 6.0 details, check out the wiki.


Chris Paterra

Get direct answers to your questions in the Community Exchange.
 
New Post
3/5/2012 4:27 AM
Accepted Answer 

Thanks Chris

I was able to figure it out.... 

 
Previous
 
Next
HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Help with removing ul tagHelp with removing ul tag


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