CSS in DNN Modules

Question

How can I add custom CSS and JavaScript for a specific module in DotnetNuke?

I understand that it does not look like a regular ASP.Net page.

Answer 1

If your module has a file called module.css in the root folder of the module, it is automatically included on the page using the module.

For other CSS and for JavaScript, you should use Client Resource Management to enable the necessary resources. Something like that:

 <%@ Register TagPrefix="dnn"    Namespace="DotNetNuke.Web.Client.ClientResourceManagement"    Assembly="DotNetNuke.Web.Client" %> <dnn:DnnCssInclude runat="server"    FilePath="~/DesktopModules/MyModule/css/the-style.css" /> <dnn:DnnJsInclude runat="server"    FilePath="~/DesktopModules/MyModule/js/the-script.js" ForceProvider="DnnFormBottomProvider" /> 

Answer 2

To add external JavaScript to a custom module:

 string externaJs= "externaJs"; Type cstype = System.Reflection.MethodBase.GetCurrentMethod().GetType(); string cstext = "<script src=\"" + ResolveUrl("~/DesktopModules/ModuleName/js/JsName.js") + "\" type=\"text/javascript\"></script>"; if (!Page.ClientScript.IsClientScriptBlockRegistered(externaJs)) Page.ClientScript.RegisterClientScriptBlock(cstype, externaJs, cstext, false);