Fork me on GitHub
2sxc 9.5 for DNN 7 to 9
Website Builder, Content Manager, App-System: open-source and amazing
You are here: Home  >  Docs  >  CSS and JS

Bundling and Minification of necessary JS and CSS Files

Important: new docs available

This information has been improved so it's best to continue in the new wiki.
This page is currently still left here so old links will continue to work, but the content is not updated any more.


Introduced in Version 04.00.00

 

This helps you create a template with everything it needs (so also pointing to small JavaScript and CSS files), and letting DNN handle the packaging, compression and everything automatically! In case you've never used this DNN feature before, please read up on it on the official site.

This is done automatically using the DNN-Features. All you have to do is extend your tags like this:

  • Token Example
    • <link rel="stylesheet" href="[App:Path]/Sexy Feature List/Assets/style.css" data-EnableOptimizations="true" />
    • <script src="[Portal:HomeDirectory]/2sxc/Sexy Feature List/Assets/scripts.js" type="text/javascript" data-EnableOptimizations="true"></script>
  • Razor Example
    • <link rel="stylesheet" href="@App.Path/Sexy Feature List/Assets/style.css" data-EnableOptimizations="true" />

New feature in Version 6

Now we can also set the priority. This is important because DNN has a bug that re-orders the JS-files depending on login or not. So by using a number instead of true, you can set priorities. We recommend always using numbers above 100!

  • <link rel="stylesheet" href="[App:Path]/Sexy Feature List/Assets/style.css" data-EnableOptimizations="true" />
  • <script src="[App:Path]/Sexy Feature List/Assets/scriptsCore.js" type="text/javascript" data-EnableOptimizations="201"></script>
  • <script src="[App:Path]/Sexy Feature List/Assets/scriptsAdditional.js" type="text/javascript" data-EnableOptimizations="202"></script>

Tags for this feature

2serve . 2invent . 2create is 2be.