DNN Community Blog

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.


SlidePresentation Module as a Knockout.JS Sample in DotNetNuke

Over the past two weeks I’ve been working on a idea to demonstrate how to use Knockout.js with DNN module development. I presented the topic and demo’d a module at both the St. Louis Day of .NET and the Bay Area DotNetNuke User’s Group in the past week. The module is called SlidePresentation, and you can see it in action via the recording from the BayDug meeting earlier this week (available on youtube). The module allows you to create Slides, using HTML, and storing the data in the DotNetNuke ContentItem store. So there are no SQL scripts, and no database tables necessary for the module itself.

The code for the module is in C#, and currently being developed with DotNetNuke 6.2.2, and Visual Studio 2012 RC. The module utilizes a jquery library called JMPRESS.JS, which is included within the distribution You can download the SOURCE package for the module from the codeplex page https://slidepresentation.codeplex.com/, install the SOURCE package via the Host/Extensions page in your DNN development environment.

The module is pretty specific in its positioning, so you will likely need to modify CSS a bit to make things work within your skin. As you can see in the YouTube video linked above I am running the module in a modified version of the DNN Dark Knight skin.

Right now the module uses a web service (in the services folder) that provides a json list of Slides, and the VIEW control within the module loads this list of slides on the page using Knockout.js binding, then calls the jmpress library to configure the display of the slides. To Add slides in the module you can use the Actions menu, which will load the EDIT control, but if you want to edit an existing slide you will need to know the ContentItemId from the database and pass in ?ci=### as a querystring parameter to the edit control.

I’m working on a new version of the module that will allow for the creation, and editing, of slides all from within the View control using a webservice and Knockout binding, though that release will likely be a bit later in the month of August.

I will also be taking the code that gets developed in this module and using it, or something similar, to overhaul the Task Manager module as a new Module Development Tutorial using Knockout.js and ContentItems and the Services Framework.

For now head on over to Codeplex and grab the source for the module.

Comments

Comment Form

Only registered users may post comments.

NewsArchives


Aderson Oliveira (15)
Alec Whittington (11)
Alex Shirley (10)
Andrew Nurse (30)
Andy Tryba (1)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (32)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Bogdan Litescu (1)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (211)
Chris Paterra (55)
Clinton Patterson (45)
Cuong Dang (21)
Daniel Bartholomew (2)
Daniel Mettler (154)
Dave Buckner (2)
David Poindexter (4)
David Rodriguez (3)
Dennis Shiao (1)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (74)
Geoff Barlow (10)
George Alatrash (10)
Gifford Watkins (3)
Gilles Le Pigocher (3)
Ian Robinson (7)
Israel Martinez (17)
Jan Blomquist (2)
Jan Jonas (3)
Jaspreet Bhatia (1)
Jenni Merrifield (6)
Joe Brinkman (274)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matthias Schlomann (15)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Miguel Gatmaytan (3)
Mike Horton (19)
Mitchel Sellers (28)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Peter Donker (54)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott S (11)
Scott Wilkinson (3)
Scott Willhite (97)
Sebastian Leupold (80)
Shaun Walker (237)
Shawn Mehaffie (17)
Stefan Cullmann (12)
Stefan Kamphuis (12)
Steve Fabian (31)
Timo Breumelhof (24)
Tony Henrich (3)
Torsten Weggen (2)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (40)
Will Strohl (165)
William Severance (5)

Content Layout

Subscribe to DNN Digest

Subscribe to DNN Digest

DNN Digest is our monthly email newsletter. It highlights news and content from around the DNN ecosystem, such as new modules and themes, messages from leadership, blog posts and notable tweets. Keep your finger on the pulse of the ecosystem by subscribing.  


Copyright 2018 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out