Making Full Use of the Client Resource Management Framework

Brian Dukes, Engage Software

Charlotte Day of DotNetNuke 2012

What is this thing? How do I use this thing? Why should I use this thing? What are the tips and gotchas?

Prerequisites

Familiarity with DNN extension development
Familiarity with web development (HTML, CSS, JS)

Framework Features

What are we talking about here?

Combination
Minification
Cache Busting
De-duplication
Placement
Priority

Control Registration

<%@ Register TagPrefix="dnn" 
    Namespace="DotNetNuke.Web.Client.ClientResourceManagement" 
    Assembly="DotNetNuke.Web.Client" %>

<dnn:DnnCssInclude runat="server" 
    FilePath="DNNMega/dnnmega.css" 
    PathNameAlias="SkinPath" />
<dnn:DnnJsInclude runat="server" 
    FilePath="~/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js" />

Code Registration

namespace Example.Dnn.Resources {
    using DotNetNuke.Web.Client; // DotNetNuke.Web.Client.dll
    using DotNetNuke.Web.Client.ClientResourceManagement;
    
    public class ResourceUser : UserControl {
        protected override OnInit(EventArgs e) {
            ClientResourceManager.RegisterScript(
                this.Page, 
                "~/DesktopModules/Example/js/script.js"
                FileOrder.Js.DefaultPriority,
                "DnnBodyProvider");
        }
    }
}

Code Registration

namespace Example.Dnn.Resources {
    using DotNetNuke.Web.Client; // DotNetNuke.Web.Client.dll
    using DotNetNuke.Web.Client.ClientResourceManagement;
    
    public class ResourceUser : UserControl {
        protected override OnInit(EventArgs e) {
            ClientResourceManager.RegisterStyleSheet(
                this.Page, 
                "~/DesktopModules/Example/css/styles.js"
                FileOrder.Css.DefaultPriority,
                "DnnPageHeaderProvider");
        }
    }
}