Area: Episerver CMS
Applies to versions: 10 and higher

Debugging CMS UI

To debug the Episerver CMS user interface, you can run your site with uncompressed JavaScript in edit view. To do this, you need to enable debug mode for client resources by adding <clientResources debug="true" /> to your web.config inside the episerver.framework element. You can then toggle the debug files on and off by changing the value of the debug attribute from true to false.

How this works

The Episerver CMS UI NuGet packages contain all the JavaScript files required to run the user interface compressed into a zip file. The system then reads the contents of the zip file at run time. At initialization, if the client resources debug flag is set to true, the system first looks for a debug version of the JavaScript zip file and, if it exists, loads that instead.

EPiServer.CMS.UI.Sources (advanced topic)

The EPiServer.CMS.UI.Sources NuGet package contains all original user interface source files together with uncompressed Dojo and Dijit.

The source package is built as part of every release so it ties quite simply into the continuous release cycle. You can install it the same way you would any other NuGet package from nuget.episerver.com.

Install-Package EPiServer.CMS.UI.Sources

In case you ever need to manipulate sources files and then create a customized Dojo build you can use this package. It comes together with all Dojo build tools.

Note that in order to debug the Episerver edit view, you do not need this package. The config change described above is sufficient.

Last updated: Oct 11, 2018