Found on Google...

Power DNN

Recently Viewed...
SnowCovered Top Sellers

XMod 5.1
Version 5 of the perennial best-selling tool for creating data-based solutions in DNN without custom programming. This version focuses on greater flexibility, expandability, and ease-of-use.

Ultra Media Gallery 5.2
Ultra Media Gallery is the most popular photo gallery and media gallery module for DotNetNuke, the major purpose of this module is to allow you create unlimited pictures and medias to your gallery and organize them by albums, your albums and medias are browsed in flash interface.

Minimalist by Evan O'Neil
Minimalist by Evan O'Neil - the Web 2.0 skin for DotNetNuke, loads fast, looks great. Minimalist is also one of the most flexible and functional skins available for DNN. Minimalist includes skin packs in 12 great colors, each color has Flat and Styled versions. 4 Different menu options in each skin

Ultra Video Gallery 2.3
Ultra Video Gallery is a brother product of Ultra Media Gallery, The major purpose of this product is to provide an easy way to add videos in various formats to your website by and play them in a unique flash gallery.

Open-DocumentLibrary v3.0
Powerful, Ajax Enabled, Easy to Use. Document Management has never been better. Open-DocumentLibrary allows DotNetNuke users to share and manage documents in a flexible, intelligent way, offering granular control over Folder and Document access.

Dynamic Skins :: 7 Colours
This Skin Pack comes in 7 colours with 6 Header Options, 3 Widths, 3 Background Oprions, and 48 Mix & Match Containers...

Form Master 1.6 For DNN 4
Form Master 1.6 improves on the success of version 1.5 with new features in Function, and Presentation, while maintaining the Intuitive User Interface. Form Master 1.6 delivers visual form design where input fields can easily be created, modified, and moved.

Document Exchange Professional 4
Edit documents directly on your server using the latest iteration of the premier document management solution for DotNetNuke (DNN). With a completely revised Ajax-enabled UI.

Populusion
Populusion Skins Pack Comes in an unprecedented 20 distinct colors in three menu styles. (Mininmum 960px and Fluid 98% page widths) 120 total skins. In both Boxed and borderless styles.

Aurora 2 By DrNuke
The Aurora skins are professionally designed, coded and packaged by a team of DotNetNuke experts. Available in 6 great colours, each with 11 banner images and a choice of 3 background types. The entire pack features a total of 216 skins!
    |   Register   |   Friday, May 16, 2008   
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 2First   Previous   [1]  2  Next   Last   
sea.yun@gmail.com   29   5/15/2008 1:16:58 AM
good
good help

syedbhai@hotmail.com   29   5/14/2008 11:08:46 PM
121
www

hiprakashtandukar@gmail.com   29   5/1/2008 2:39:38 AM
ajax dnn
Wanna use ajax in dnn

piet@2watch4.com   29   4/11/2008 12:27:49 PM


carlos.felsky@gismedia.pt   29   4/2/2008 9:10:03 AM


wadaqandtull@yahoo.com   29   3/31/2008 11:14:35 PM


wadaqandtull@yahoo.com   29   3/31/2008 11:14:01 PM


itzsu@yahoo.com   29   3/14/2008 2:56:38 PM


ajsldkfj@adfald.com   29   3/13/2008 6:02:30 PM
asdlkf
ajsdlkf

morgenweck@gmail.com   29   3/3/2008 6:46:29 AM
Help- Code or Text file for article
I would like to get the code for the DotNetNuke w?Ajax Toolkit article however everytime I login the module disappears. I log back out and it appears again but I can''t then download

Feedback





Enter the code shown above in the box below
Cancel   Send

DNN Modules
Data Springs DNN Modules

View Dynamic Registration 2.4 Enterprise Edition

Data Springs Module Collection (20 + Modules!)

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.....more

List Price: $479.99
Price: $349.99
 
View Dynamic Registration 2.4 Enterprise Edition

Dynamic Registration 3.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

List Price: $119.99
Price: $89.99
 
View Opt In Email V2.6 Enterprise Edition
Opt In Email V3.0
'Relationship Building' and 'Communicaton' 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 featur ...more
List Price: $109.99
Price: $79.99
 
View Dynamic Forms 2.2 - Enterprise Edition
Dynamic Forms 2.6 
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. ...more
List Price: $129.99
Price: $119.99
 
View Tailored Text v2.0 Enterprise Edition
Tailored Text v2.0 
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
List Price: $79.99
Price: $59.99
 
 
View Dynamic User Directory v2.0 Enterprise Edition
Dynamic User Directory v2.4
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
List Price: $129.99
Price: $119.99
 
View Stock Quote - Enterprise Edition
Stock Quote 
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
List Price: $89.99
Price: $69.99
 
View Presentation Archive 1.0 Enterprise Edition
Presentation Archive  
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 or co...more
List Price: $89.99
Price: $59.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 optomization requires providing search engines that crawl your web site with appropriate and meaningful content......more

List Price: $89.99
Price: $69.99
 
Google Grabber SEO Module for DotnetNuke

Google Grabber

'Google® Grabber' 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

List Price: $79.99
Price: $49.99
 
View Dynamic Registration 2.4 Enterprise Edition

Interactive User Import

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

List Price: $149.99
Price: $119.99
 
 
View Real Estate 2.0 Enterprise Edition
Real Estate 2.2 
Real Estate 2.0 is a feature rich and user-friendly module that allows your portal users the ability to create real estate listings on your site....more