2. Adding the jQuery and CSS Styles
  1. 7m 30s
    May 01, 2011

In this DotNetNuke training series we demonstrate how to adapt the standard DotNetNuke Announcements Module into a fully functional jQuery Announcements Content Slider.

This method allows you to present your announcements, latest work or even an image gallery in a professional, intuitive way.

We show you how to adapt the announcement template to use a div structure which is then picked up by a jQuery script allowing a user to ‘slide’ through each announcement using simple forward and back buttons.

We use two different jQuery scripts in this example, the first was created by copterlabs.com and this controls the main slide animation. The second written by George Smith applies an easing effect for a smoother animation.

This video contains:

  • Opening the demo code
  • Adapting the Announcements module template code
  • How to add the jQuery scripts to your skin ASCX file
  • How to add the slider control code to your skin ASCX file
  • How to add the required CSS styles into your skin.css file
  • Making the page live
  • Testing the jQuery Announcements module
dnn5 dnn6 open source module jquery
Andy Stephenson

About 2011 Edition

7h 36m 52s All Jan 01, 2012

DNN Video Tutorials posted during 2011

dnn5 dnn6 administration advanced blog build a website form forum jquery menu module development open source module performance search seo skin troubleshooting
Andy Stephenson

30 days money back guaranteed