• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Using And Extending The DotNetNuke Widget Framework
 

Using And Extending The DotNetNuke Widget Framework

on

  • 2,919 views

Slide deck from my talk at SDN/OpenForce in Amsterdam during Fall 2009

Slide deck from my talk at SDN/OpenForce in Amsterdam during Fall 2009

Statistics

Views

Total Views
2,919
Views on SlideShare
2,689
Embed Views
230

Actions

Likes
0
Downloads
21
Comments
0

4 Embeds 230

http://www.kalyani.com 125
http://kalyani.com 96
http://www.slideshare.net 8
http://feeds2.feedburner.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Using And Extending The DotNetNuke Widget Framework Using And Extending The DotNetNuke Widget Framework Presentation Transcript

    • Using and Extending the DotNetNuke Widget Framework Nik Kalyani DotNetNuke Corporation Session Code: NN.11
    • Agenda
      • Widgets Overview
      • Widget Anatomy
      • Building and Deploying a Widget
    • Widgets Overview Widgets are mini apps that can be added to skins and modules to improve the user experience
    • Widgets Overview
      • Template included for creating widgets
      • Simple Javascript code
      • Uses Microsoft ASP.NET AJAX Library
      • Easily extend with jQuery
      • Package stand-alone or with skins/modules
    • Widgets Overview
      • Syntax
        • HTML <object> element
        • Pass parameters using <param> child element
    • Widget Anatomy
      • Folder Location
        • ~/Resources/Widgets/DNN
        • ~/Resources/Widgets/User/<company name>
      • File Naming Convention
        • <company name>.Widgets.<widget name>.js
    • Widget Anatomy
        • Type.registerNamespace(&quot;YourCompany.Widgets&quot;);
        • YourCompany.Widgets.SampleWidget = function(widget)
        • {
        • YourCompany.Widgets.SampleWidget.initializeBase(this, [widget]);
        • }
      • Define the widget
    • Widget Anatomy
        • YourCompany.Widgets.SampleWidget.prototype =
        • {
        • render:
        • function()
        • {
        • var params = this._widget.childNodes;
        • if (params != null)
        • {
        • // Do something
        • }
        • YourCompany.Widgets.SampleWidget.callBaseMethod(
        • this, &quot;render&quot;, [div]);
        • }
        • }
      • Implement render() method
    • Widget Anatomy
        • YourCompany.Widgets.SampleWidget.inheritsFrom(DotNetNuke.UI.WebControls.Widgets.BaseWidget);
        • YourCompany.Widgets.SampleWidget.registerClass(&quot;YourCompany.Widgets.SampleWidget&quot;, DotNetNuke.UI.WebControls.Widgets.BaseWidget);
        • DotNetNuke.UI.WebControls.Widgets.renderWidgetType(&quot;YourCompany.Widgets.SampleWidget&quot;);
      • Inheritance, registration and rendering
    • Building and Deploying a Widget
      • Demo
        • Building a widget
        • Widget packaging
        • Widget deployment
    • Evaluation form Vul je evaluatieformulier in en maak kans op een van de prachtige prijzen!! Fill out your evaluation form and win one of the great prizes!! Session Code: NN.11