Power DNN

Recently Viewed...
DNN Modules
   
SnowCovered Top Sellers

Ultra Media Gallery is the most popular photo gallery and media gallery solution for DotNetNuke, UMG offers 10 different flash player to browse your gallery with completely different user interface experience.

Powerful, Ajax Enabled, Easy to Use. Document Management and Multimedia gallery functionality in one.Open-DocumentLibrary allows DotNetNuke users to organize share and manage documents, offering granular control over Folder and Document access.

Active Social is customizable social networking solution that fits the needs of a large company, small group, start-up business, or any size interest group. Connect with co-workers, people with similar interests, family, old friends, or meet new ones. Active Social provides a complete communication

Frustrated over the lack of customization for your user's registration fields? Dynamically setup your DNN Portal with custom registration fields, layout, questions, and other core integration options......

In this day and age, knowing as much detailed information as possible about your customer, prospect or web site user is essential. Thankfully, the new 'Dynamics Forms' module from Data Springs, makes it easier than ever to segment your data collection efforts.

Ultra Video Gallery is a brother product of Ultra Media Gallery, UVG allows you to upload videos in various format and automatically encode them to flv or H264 format, you also can add videos from internet and play them in our integrated flash video player.

One stop solution for events calendar and events registration! FREE DOWNLOAD is available now!

The amazing ANY COLOUR Flex2 skin + our unique EasyMod module allowing you to customise just about everything in this skin. DrNuke just re-wrote the rule book again.

The Future of Enterprise Search for DotNetNuke 3.x and 4.xOpen-SearchEngine provides DotNetNuke with a true enterprise search engine capable of indexing html content as well as documents from multiple sites and/or physical directories.

Capture your users attention, enrich your site with multimedia flash, and create and opt in distribution list for your DNN site. These are just a few of the many features the Data Springs Module Collection can provide you.

    |   Register   |   Sunday, March 14, 2010   
You are here:Resources  Articles & Information  DotNetNuke w/ AJAX Toolkit  


DotNetNuke w/ AJAX Toolkit

In our first article we discussed ASP.NET Ajax and provided an overview outlining the features and the supported methods within DotNetNuke. In this second article we will walk through the process of creating a very simple demonstration module that utilizes some of these new techniques.  Before you continue with the tutorial outlined in this article you will need to have an installation of DotNetNuke (4.5.0 or later) as well as the Starter Kit Visual Studio templates installed. Both of these items can be obtained from the DotNetNuke website (http://www.dotnetnuke.com). In addition to this you will need to download the ASP.NET AJAX framework and Control toolkit, these items are available for download from http://ajax.asp.net To create our demonstration module we be creating a “Dynamic Module” that will automatically be compiled by ASP.NET as part of the entire DNN solution. To accomplish this we will start by opening our DNN Solution in Visual Studio, then follow the below steps.

  1. Create a new folder under the “DesktopModules” folder of your DNN solution. Name this “DemoApp”

  1. Now, right click on the “DemoApp” folder and select “Add New Item”
  2. The following dialog will appear 

\

  1. Select “Web User Control” for the template and “DemoControl.ascx” for the name
  2. Switch to Code View and change the following line from



to

 

This ensures that our module implements all needed interfaces to interact with DotNetNuke

  1. In the Source view of our control we will now create the first portion of the presentation code. We start by adding a simple panel control with 1 label and two buttons

    Please see listing 1.txt for this code if you would like to copy-paste
  1. In the code view we need to add code on page load to successfully register the Ajax components if Ajax is installed with the version of DotNetNuke.


    In this sample we simply check to see if Ajax is installed, if it is we register the script manager as that is required for all Ajax interaction. We then wrap our pnlAjaxUpdate control within an Update Panel using the “WrapUpdatePanelControl” method provided by DotNetNuke. The last item is to register “btnPostbackTimeUpdate” as a postback control which will cause it to postback in the traditional manner even though it is in the update panel.

    Please see Listing 2 for this code if you would like to copy and paste
  2. Our next step is to create a method to respond to the clicking of the buttons in the front end. To accomplish this we will create a method called “ButtonClick” that responds to both of the buttons’ click events. In here we will have a simple 5 second delay then will update the label with the current time.

    Please see listing 3 for this code if you would like to copy and paste
  3. Now to complete this example we will be adding a “CollapsiblePanel” control from the ASP.NET AJAX Control Toolkit. To get started with this we will need to add a reference to the toolkit within our DNN solution.
  4. Right click on your solution and select “Add Reference”

  1. In the selection dialog that appears browse to the install location of the ASP.NET AJAX toolkit. (This location varies) and add a reference to the AjaxControlToolkit.dll file
  2. Now in your “DemoControl.ascx” page you will want to add the following line as the second line of code, this registers the extender

  1. Now, below the panel we created above for the first example add the following code to declare the extender and the content which we will collapse

    In this code we are simply creating our Extender which has the text to show for expanded and collapsed as well as setting the controls which should cause expand/collapse. We then have two additional controls which we use to handle the header display and then the actual collapsible content.

    Please see listing 4 for the code listed above.
  2. This now completes the coding portion of our module, you can now continue on to the installation

Now that we have created the module as we desired we can now add the module definition to our DNN installation and test the module. Please follow the below steps to create the definition and add the module to a page.

  1. Login to your development DNN site as the host user. 
  2. From the “Host” menu select “Module Definitions”
  3. At the bottom of this page select the “Create New Module” link

  1. Fill in the fields according to the below screen capture then press “Create” to create the module definition. This simply identifies the folder that we created initially as the container for a module.

  1. Now, in the “New Definition” section place the text “Demonstration Control” in the textbox and click the + sign

  1. Then after the page reloads you should be presented with an “Add Control” option, click this link to add a control

  1. In the window that appears you will want to enter a title for the Demo Control we created, and you will want to select the proper file from the “Source” listing. Ensure that “View” is selected for the type then click update

  1. Now navigate to the page you would like to place the module on
  2. From the control panel select the “DemoApp” module and click “Add” to add it to your page
  3. You should now see our demonstration module on the page
  4. If you click on the “Update (AJAX)” button you should notice a 5 second delay with a progress bar control below the control then the time will update without the page reloading. 
  5. If you click on the “Update (Postback)” button you should notice that the time will be updated after the same 5 second period, however it does refresh the entire page
  6. If you click on the “Click to Collapse” text you should notice that the text does collapse and that the text changes to “Click to Expand”.
  7. If you click on “Click to Expand” you should notice that the text will re-appear and the text will change back to “Click to Expand”

Want to download the code? Just sign in to download.

Other code files: listing1.txt, listing2.txt, listing3.txt, listing4.txt or copy and paste the DotNetNuke AJAX Module code.

Records per Page
Page 1 of 3First   Previous   [1]  2  3  Next   Last   
João Rosa         6/2/2009 7:52:06 AM
Error in host, but not in localhost Hello. I use your tutorial to put a rating control in my website. In localhost every run ok, do what I want... When move to host, have an error... Need a Script Manager... If a put a Script Manager, the module simply don't charge... What do you think it was? Cheers, João Rosa Submitted By: João Rosa

Keith         5/19/2009 2:31:43 PM
Error on AjaxcontrolToolkit When I try to compile the page it complains that ajaxControlToolkit needs system.web.extensions version 3.5. When I reference this the error goes away but now can not get to host settings or create a new module. What else do I have to do to get this to work? Thanks Submitted By: Keith

Chad Nash         3/30/2009 3:18:11 PM
Download Link... Hi. I fixed the download link, sorry about that! Submitted By: Chad Nash

Mike Horton         3/27/2009 4:30:11 PM
Can't Download Code Everytime I click on one of the download links it just takes me to the login page even after I've logged in. Submitted By: Mike Horton

Chad Nash         1/8/2009 8:27:21 AM
Download / Article Issues Hi. The article / download issue has been fixed now, however you still need to register for an account before you can download the file. -Chad Submitted By: Chad Nash

Rav Panesar         1/8/2009 5:43:40 AM
Why when logging on the information disappears? can't view the article and no download available? Submitted By: Rav Panesar

Michael Gerholdt         1/7/2009 7:14:06 PM
collapsible panel The code is not easily found ... in fact, I cannot find it at all. Also, I am havng the same experience as another user; it looks like the panel collapses, but it expands again immediately. Submitted By: Michael Gerholdt

aa         1/5/2009 6:55:32 PM
bb dàafte Submitted By: aa

Gymson Viente         12/8/2008 6:59:25 PM
theCode Where is the code? Submitted By: Gymson Viente

Punam         10/22/2008 11:39:24 PM
Error with Updatepanel Hi, I have a usercontrol with an updatepanel and table and some buttons. When I put this as a module on DNN it doesn't load and gives critical load error. Submitted By: Punam

Feedback





Enter the code shown above in the box below
Send

 
DNN Modules
Data Springs DNN Modules

Data Springs offers cost-saving packages that fit your needs:

View Dynamic Registration 2.4 Enterprise Edition

Data Springs Collection 3.0 (23 Modules!)

Capture your users attention, customize your registration and set up various forms.  Enrich your site with animation then create email distribution lists for your DNN site.  Just a few of the many features you get with the Data Springs Module Collection!  .....more

Best Value!  All the modules in the Collection sum up to more than $2000.00!

 

$ 479.00

Data Springs User Management Suite

Take hold of all the tools you need to enhance user & profile management from A to Z!.  A comprehensive package with 5 feature-packed modules that offer extensive admin controls and easy user interface geared towards an effective and growth-oriented site!  .....more

 

Includes:  Dynamic Registration     Dynamic Login   ♦   Interactive User Import     Dynamic User Directory   ♦   Renewal Reminder    A value of more than $630.00!

 $ 339.00




 

 

Check out all our individual modules!

 

 View Dynamic Registration 2.4 Enterprise Edition

 Dynamic Registration 4.0

Frustrated over the lack of customization for your user's registration fields? Dynamically setup your DNN Portal with custom registration fields, layout, questions, and other core integration options.........more

$ 169.00
 View Dynamic Forms 2.2 - Enterprise Edition

Dynamic Forms 3.3

Whether it's for marketing, sales, contact forms, scheduling, information requests, surveys, or to simply better understand your customer needs, the possibilities for creating powerfully effective forms are now easy and endless! .....more

$ 149.99
 Dynamic Login Module for DNN

Dynamic Login 3.1

The content on your site isn’t vanilla, so why is your portals login? The user login page is used by every user registered in your portal, but yet once they sign in they go to the exact same page? Customize your portal with Dynamic Login to offer additional features and enhancements during the login.   .....more

 

$ 114.99
 View Dynamic Registration 2.4 Enterprise Edition

 Interactive User Import 2.0

Interactive User Import provides you with the functionality to easily and quickly import users into DotNetNuke and Dynamic Registration, through a streamlined and well-documented wizard that includes many advanced features........more

 

$ 119.99
 View Dynamic User Directory v2.0 Enterprise Edition

 Dynamic User Directory 3.0

The perfect compliment for extending your portals users and community! An essential ingredient for managing dynamic user information, is being able to sort key fields and create useful user directories and custom report information. ...more

$ 139.00
 View Renewal Reminder

 Renewal Reminder

Renewal Reminder provides you with the functionality to setup email notifications for users that their security role will soon expire. After installing your renewal / security role reminder module you can now setup scheduled notifications to be distributed to your users  .....more

 

$ 89.99
 Opt In Email

 Opt In Email 4.2

'Relationship Building' and 'Communication' are two essential nuts and bolts for a business to prosper. This module allows you to bridge both of these and easily generate continuous awareness of your web site, products and services. Your prospects and customers will greatly appreciate this feature ...more

 

$ 135.00
 View Tailored Text v2.0 Enterprise Edition

 Tailored Text 2.2

Personalization allows you to go the extra mile in communicating or connecting one to one with your clients. When it comes to technology and web site content, you now have the power to leverage this personalization directly with your users on your DotNetNuke site. ..more

$ 109.99
 View Stock Quote - Enterprise Edition

 Stock Quote 1.2 

Giving your site visitors relevant information is critical. With the Data Springs Stock Module you can provide your users with up to date financial information....more

 

$ 109.99
 View Presentation Archive 1.0 Enterprise Edition

 Presentation Archive 2.0

With so much content on your web site, its important to give users an easy method for finding and retrieving content. Presentation Archive allows you to categorize, organize and present content within your DotNetNuke site for presentations, educational material, videos, and almost any document.  ...more

 

$ 124.99
 View Real Estate 2.0 Enterprise Edition

 Real Estate 2.3

Real Estate 2.3 is a feature rich and user-friendly module that allows your portal users the ability to create real estate listings on your site....more

$ 149.99
 Flash Image Rotator

 Dynamic Image Rotator

Dynamic Image Rotator displays selected images and then rotates between the images using the Adobe® Flash® platform.  Several extended and optional features allow you to select the time to rotate each image, fade between images, and also display the images in either sequental or random order...more

 

$ 39.99
 View Info Pics Gallery Enterprise Edition

 Info Pics Gallery 

The Info Pics Gallery Module allows you to display thumbnail pictures with information to the user about each picture, along with a detailed description regarding the set of pictures and several other optional links. ...more

 $ 69.99
 DotNetNuke Testimonials Module

 Testimonials

The Testimonials Module allows you to display customer testimonials on your site, as well as an easy method for users to submit testimonials about your web site, services, or products....more

 $ 49.99
 View Flash Info Cube

 Dynamic Info Cube

Take your web site out of the box! Looking for a creative and interesting way to showcase information and content on your site? With millions of web sites offering information you need a fun way to display information and the solution is Dynamic Info Cube...more

 

$ 69.99
 Search Engine Optimization Cloud Module for DotNetNuke

 Dynamic Tags

Nearly every web site developer would agree that search engine optimization is one of key aspects to a successful web site. Part of search engine optimization requires providing search engines that crawl your web site with appropriate and meaningful content......more

 

$ 69.99
 Google Grabber SEO Module for DotnetNuke

 Page Tags

'Page Tags' pulls in search terms that users searched to find the current page. There are many benefits to displaying these search words that delivered the user to the site, find our more details .......more

$ 59.99
 Random Image Module for DNN

 Random Rounded Images

Random Rounded Images is an easy to use upgraded version of the images module included with DNN. With RRI, you can select multiple images to display randomly when the module loads. For example, you can add 10 images to the module, and each time you refresh or load the page one of those images will...more

 

$ 49.99
 View Back on Track Enterprise Edition

 Back On Track 2.1

Giving your site visitors fast access to areas of interest is vital to your web site's ease of use and ultimately - sales potential. ...more

$ 79.99
 

 Dynamic News Ticker

Dynamic News Ticker allows you to scroll through news items in a horizontal or veritical direction with administrative features that allow you to easily customize the look of your news ticker. Each instance of Dynamic News Ticker can be set up to have different sizes, scroll directions, scroll speed .....more

 

$ 39.00
 View Quick Poll - no license restrictions

 Quick Poll 

Give your users a voice, while also providing an important way for you to gather opinions from your users and measure visitors' responses to questions on your site! Polls are significant because they can provide a way for your web site visitors to share ideas and vote on topics of your choosing...more

 

$ 39.99
 View Flash Contacts Enterprise Edition

 Dynamic Contacts 2.0

Dynamic Contacts is the fastest and easiest way you can help visitors of your website connect with your key personnel. Going beyond an ordinary directory search, Dynamic Contacts quickly adds a personal touch, giving customers a face-to-face feeling - a key sales ingredient to building strong client/cu...more

 

$ 79.99
     

 

 

Copyright 2005 - 2010 by Data Springs, Inc.
Contact Us | Terms Of Use | Privacy Statement