Custom EPiServer GUI dojo widget / referencing external libraries

Custom EPiServer GUI dojo widget / referencing external libraries and stylesheets

Fred Lundén

Vote:

I'm trying to create a custom dojo widget that snaps in to the AssetsPanel, this works fine. My problem is that I would like to reference an external js file that exists on a remote server ex: http://10.0.0.1/test.js.

On a standard web site I would just add a <script> tag in <head> to get access to it. But how would I go about doing this so that the widget get accesss to the script file when it is inside the EPiServer GUI?

I would also like to reference some external styelsheets in the same fashion.

Thanks in advance!

/Fred

#65949

Feb 15, 2013 14:33

Dmytro Duk

Vote:

Try to define client resources that you need to plug-in in your module manifest (module.config file). Your module.config probably contains assembly name of your module and dojo module configuration.

Define your external resources in clientResources section and reference them in clientModule/requiredResources section. Something like this:

<?xml version="1.0" encoding="utf-8" ?>
<module loadLocalBin="false">

<!--...omitted configuration...-->
  
  <clientResources>
    <add name="your.module.script" path="http://10.0.0.1/test.js" resourceType="Script" />
    <add name="your.module.styles" path="http://10.0.0.1/Styles/Style1.css" resourceType="Style" />
	<add name="your.module.styles" path="http://10.0.0.1/Styles/Style2.css" resourceType="Style" />
  </clientResources>

<!--...omitted dojo module configuration...-->
  
  <clientModule>
    <requiredResources>
      <add name="your.module.script" />
	  <add name="your.module.styles" />
    </requiredResources>
  </clientModule>
    
</module>

#65955

Edited, Feb 15, 2013 15:16

Dmytro Duk

Vote:

For more details please see this section in EPiServer Framework SDK that describes module.config settings.

#65956

Feb 15, 2013 15:21

Fred Lundén

Vote:

Sweet!

Thank you Dmytro!

#65957

Feb 15, 2013 15:27