Register | Log In
Download Contact
Resources > Forums
HomeHomeGetting StartedGetting StartedNew to DotNetNu...New to DotNetNu...Help with removing ul tagHelp with removing ul tag
Previous
 
Next
New Post
3/2/2012 9:02 AM
 
User is offline John


Joined: 2/10/2012
Posts: 6

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
 
User is offline Chris Paterra


Chris Paterra's Avatar

Joined: 4/5/2003
Posts: 4333

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 
User is offline John


Joined: 2/10/2012
Posts: 6

Thanks Chris

I was able to figure it out.... 
 
 Page 1 of 1
Previous
 
Next
HomeHomeGetting StartedGetting StartedNew to DotNetNu...New to DotNetNu...Help with removing ul tagHelp with removing ul tag


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

Attend A Webinar
Start Professional Edition Trial
Have Someone Contact Me

Like Us on Facebook Join our Network on LinkedIn Follow DNN Corporate on Twitter Follow DNN on Twitter

Advertisers

Sponsors

DotNetNuke Corporation

DotNetNuke (DNN) provides a suite of solutions that make designing, building and managing feature-rich sites and communities fast, easy and cost-effective. The DotNetNuke Platform CMS is the foundation for more than one million websites worldwide. DNN Social, our newest solution, enables businesses to create immersive, interactive communities. Thousands of organizations like True Value Hardware, Bose, Cornell University, Glacier Water, Dannon, Delphi, USAA, NASCAR, Northern Health and the City of Denver have leveraged DNN to deploy highly engaging business- critical websites. Our rapid growth in product sales and deployments resulted in DotNetNuke Corp. being named one of the fastest growing private companies in America by Inc. Magazine in 2011 and 2012.
Copyright © 2002-2013 DotNetNuke Corp. / Terms of Use / Privacy
Hosted by MaximumASP