topic How to add external JS/CSS from CDN/external domain in Alfresco Forum https://connect.hyland.com/t5/alfresco-forum/how-to-add-external-js-css-from-cdn-external-domain/m-p/6293#M3056 <HTML><HEAD></HEAD><BODY><P>Hi,</P><P></P><P>I would like to add external assets (JS/CSS) that are served from CDN on external domain. This will be used to create custom stencils angular controller logic and some branded styling.</P><P></P><P>I have found that you can add resources thro <STRONG>app-cfg.js</STRONG></P><P></P><PRE class="language-javascript line-numbers"><CODE><SPAN class="comment token">/*<BR /> * Copyright 2005-2017 Alfresco Software, Ltd. All rights reserved.<BR /> * License rights for this program may be obtained from Alfresco Software, Ltd.<BR /> * pursuant to a written agreement and any use of this program without such an<BR /> * agreement is prohibited.<BR /> */</SPAN><BR /><SPAN class="string token">'use strict'</SPAN><SPAN class="punctuation token">;</SPAN><BR /><BR /><SPAN class="keyword token">var</SPAN> ACTIVITI <SPAN class="operator token">=</SPAN> ACTIVITI <SPAN class="operator token">||</SPAN> <SPAN class="punctuation token">{</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN><BR /><BR />ACTIVITI<SPAN class="punctuation token">.</SPAN>CONFIG <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="string token">'onPremise'</SPAN> <SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="string token">'contextRoot'</SPAN> <SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'/activiti-app'</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="string token">'webContextRoot'</SPAN> <SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'/activiti-app'</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="string token">'locales'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">'en'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'de'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'es'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'fr'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'it'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'nl'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'ja'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'nb'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'ru'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'zh-CN'</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">'pt-BR'</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="string token">'signupUrl'</SPAN> <SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'#/signup'</SPAN><BR /><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN><BR /><BR /><BR />ACTIVITI<SPAN class="punctuation token">.</SPAN>CONFIG<SPAN class="punctuation token">.</SPAN>resources <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="string token">'*'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">{</SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">'tag'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'link'</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">'rel'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'stylesheet'</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">'href'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>'</SPAN><A class="jive-link-external-small" href="http://example.com/custom-style.css?v=1.0" rel="nofollow noopener noreferrer" target="_blank">http://example.com/custom-style.css?v=1.0</A><SPAN>'</SPAN></SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="string token">'workflow'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">{</SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">'tag'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'script'</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">'type'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'text/javascript'</SPAN><SPAN class="punctuation token">,</SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">'src'</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>'</SPAN><A class="jive-link-external-small" href="http://example.com/custom-app.js?v=1.0" rel="nofollow noopener noreferrer" target="_blank">http://example.com/custom-app.js?v=1.0</A><SPAN>'</SPAN></SPAN><BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><BR />&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">]</SPAN><BR /><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE><P></P><P>But it does not seem to work.</P><P>Any ideas why?</P></BODY></HTML> Mon, 31 Jul 2017 13:45:10 GMT armin_solecki 2017-07-31T13:45:10Z How to add external JS/CSS from CDN/external domain https://connect.hyland.com/t5/alfresco-forum/how-to-add-external-js-css-from-cdn-external-domain/m-p/6293#M3056 Hi,I would like to add external assets (JS/CSS) that are served from CDN on external domain. This will be used to create custom stencils angular controller logic and some branded styling.I have found that you can add resources thro app-cfg.js/* * Copyright 2005-2017 Alfresco Software, Ltd. All right Mon, 31 Jul 2017 13:45:10 GMT https://connect.hyland.com/t5/alfresco-forum/how-to-add-external-js-css-from-cdn-external-domain/m-p/6293#M3056 armin_solecki 2017-07-31T13:45:10Z Re: How to add external JS/CSS from CDN/external domain https://connect.hyland.com/t5/alfresco-forum/how-to-add-external-js-css-from-cdn-external-domain/m-p/6294#M3057 <HTML><HEAD></HEAD><BODY><P>Hmmm, not sure. Have you&nbsp;checked <A _jive_internal="true" href="https://community.alfresco.com/community/bpm/blog/2017/05/01/form-stencil-examples-alfresco-process-services-aps" rel="nofollow noopener noreferrer">this blog </A>on form stencils and I think I am using some external libs in&nbsp;those examples...Hope this helps</P></BODY></HTML> Tue, 01 Aug 2017 05:23:53 GMT https://connect.hyland.com/t5/alfresco-forum/how-to-add-external-js-css-from-cdn-external-domain/m-p/6294#M3057 cjose 2017-08-01T05:23:53Z Re: How to add external JS/CSS from CDN/external domain https://connect.hyland.com/t5/alfresco-forum/how-to-add-external-js-css-from-cdn-external-domain/m-p/6295#M3058 <HTML><HEAD></HEAD><BODY><P>Thanks for the link I will take a look.</P></BODY></HTML> Wed, 02 Aug 2017 15:25:12 GMT https://connect.hyland.com/t5/alfresco-forum/how-to-add-external-js-css-from-cdn-external-domain/m-p/6295#M3058 armin_solecki 2017-08-02T15:25:12Z