topic How to include new libraries in Alfresco share? in Alfresco Forum

How to include new libraries in Alfresco share?

upforsin — Thu, 25 Jul 2019 19:05:18 GMT

Hello,I am developing custom controls for alfresco share (by creating Freemarker templates) and I would like to include additional JavaScript libraries (i.e. Select2). How can I achieve that?Normally i would put them in <head> tag, but in .ftl files it does not work.Regards,Mike

Re: How to include new libraries in Alfresco share?

sp2 — Fri, 26 Jul 2019 08:04:04 GMT

You need to add those files as dependency in share-config-custom.xml.

 <config>
        <forms>
            <dependencies>
                <css src="/res/scripts/DITAStorm/styles.css" />
                <js src="/res/scripts/DITAStorm/DITAStorm.js" />
            </dependencies>
        </forms>
    </config>

Re: How to include new libraries in Alfresco share?

upforsin — Fri, 26 Jul 2019 08:58:44 GMT

Thank you, but I am on Docker so do not have direct access to /res/scripts folder.

I also cannot provide absolute path because it is adding "http://localhost:8180/share/res/com/myproject/" all the time.

Of course I tried to add those files into the src/main/resources/alfresco/web-extension/site-webscripts/com/myproject or src/main/resources/res/scripts/ folder but it does not work 😕

Re: How to include new libraries in Alfresco share?

sp2 — Sun, 28 Jul 2019 04:16:04 GMT

You need to place js file inside src/main/amp/web/js of share folder.

Re: How to include new libraries in Alfresco share?

upforsin — Mon, 29 Jul 2019 12:09:58 GMT

Thank you for the answer. I managed to do it by modifying Dockerfile but your solution seems to be better.

Unfortunately, the script throws an error in the browser.

It looks like the library itself have an error somewhere (which is obviously a nonsense - it is working on my demo HTML page). Maybe it is connected with the fact that Alfresco has it's own, very limited, Javascript engine (Rhino)... or because this library needs jQuery which might be loading after this script