Reliable DotNetNuke Hosting Tutorial :: How To Create An Announcement With An Accordion

We have found another great use for the DotNetNuke Announcements module and jQuery. Now, we can use it to create a dynamic accordion. In this post, we will show you how to create an announcement with accordion in DotNetNuke. In case you missed it, this is the second time that we have gotten the DotNetNuke Announcements module and jQuery together. See our previous post on how to create an announcement in DNN with a slider.

This time, we needed to create a solution where we could have a jQuery accordion yet it could be easily updated by the client. So, we thought about the different core modules that were available and picked the announcements module due to the ability to easily template it out. Now, if only the DNN Blog module were fully template driven. This module has spots to place a header, repeatable item, alternating repeatable item, separator, and footer. We will be using only the header, item, and footer.

Setting Up The HTML

Add the DNN Announcements module to your page.

2. Go to the Module settings.

3. Scroll to the bottom part of the page under Announcement Settings and enter the following code as labeled:

Header Template – (start the wrapping div)

1

<div id="accordion">

Item Template – (title and body of accordion)

1

2

<h3><ahref="#">[TITLE]</a></h3>

<div>[EDIT][DESCRIPTION]</div>

Footer Template – (end the wrapping div)

1

</div>

Note: the title can be in whatever header size you wish – ex. h1, h2, h3…
Note: the [EDIT] token MUST NOT be in the heading (e.g. h3) or you won’t be able to edit the item.
Optional: you can put the [IMAGESOURCE] token in with the [DESCRIPTION] token, if you would like to have an image associated with it.

Finally, add some entries to your announcements module and there you have your accordion announcements module! Enjoy!

Reliable DotNetNuke Hosting Recommendation

ASPHostPortal.com

ASPHostPortal.comis Perfect, they have a suitable hosting plan for a starter in DotNetNuke Hosting. ASPHostPortal is the leading provider of Windows hosting and affordable ASP.NET Hosting. ASPHostPortal proudly working to help grow the backbone of the Internet, the millions of individuals, families, micro-businesses, small business, and fledgling online businesses. ASPHostPortal has ability to support the latest Microsoft and ASP.NET technology, such as: WebMatrix, WebDeploy, Visual Studio 2015, .NET 5/ASP.NET 4.5.2, ASP.NET MVC 6.0/5.2, Silverlight 6 and Visual Studio Lightswitch, ASPHostPortal guarantees the highest quality product, top security, and unshakeable reliability, carefully chose high-quality servers, networking, and infrastructure equipment to ensure the utmost reliability.

HostForLIFE.eu

HostForLIFE.euguarantees 99.9% uptime for their professional DotNetNuke hosting and actually implements the guarantee in practice. HostForLIFE.eu is the service are excellent and the features of the web hosting plan are even greater than many hosting. HostForLIFE.eu offer IT professionals more advanced features and the latest technology. Relibility, Stability and Performance of servers remain and TOP priority. Even basic service plans are equipped with standard service level agreements for 99.99% uptime. Advanced options raise the bar to 99.99%. HostForLIFE.eu revolutionized hosting with Plesk Control Panel, a Web-based interface that provides customers with 24×7 access to their server and site configuration tools.

DiscountService.biz

DiscountService.bizis The Best Cheap and Reliable DotNetNuke Hosting. DiscountService.biz was established to cater to an under served market in the hosting industry web hosting for customers who want excellent service. DiscountService.biz guarantees the highest quality product, top security, and unshakeable reliability, carefully chose high-quality servers, networking, and infrastructure equipment to ensure the utmost reliability. DiscountService.biz has ability to support the latest Microsoft and ASP.NET technology, such as: WebMatrix, WebDeploy, Visual Studio 2015, .NET 5/ASP.NET 4.5.2, ASP.NET MVC 6.0/5.2, Silverlight 6 and Visual Studio Lightswitch. DiscountService.biz is devoted to offering the best Windows hosting solution for you.

FTC Disclosure

We do receive commission from web host listed in above, however, this doesn't affect the review and rating on the site. We test each product thoroughly and give high marks to only the very best from hundreds of hosting products.

We would like you to know that we believe in honesty and we try it hard to keep our review independently based on our editors' real hosting experience.