topic How to import a logo.png into a custom widget in ArcGIS JavaScript Maps SDK Questions

How to import a logo.png into a custom widget

AnthonyLibetti — Thu, 28 Nov 2019 20:14:52 GMT

I am looking to add a footer to my custom widget which includes a logo.png of my institution. I add the .png to apps/2/widgets/customwidget/images folder and import them as an html <img> tag but the root directory that is searched for the images folder is apps/2. I want this custom widget to be as plug and play portable as possible and therefore need the images to remain in the customwidget folder. Is there any way to import images from within the customwidget directory?

Re: How to import a logo.png into a custom widget

RobertScheitlin__GISP — Mon, 02 Dec 2019 13:26:51 GMT

Anthony,

Is this question regrading WAB or the JS API? It's confusing because you have this in the JS API space but it sounds like a WAB question.

Re: How to import a logo.png into a custom widget

AnthonyLibetti — Sun, 08 Dec 2019 05:30:29 GMT

The question is regarding the JS API, I'm referring to a custom widget that my organization is hosting and I was looking to manipulate that logo from within the widget.js file. I was finding that the images folder within the widget's directory wasn't automatically accessed by the widget.html when specifying <img> uri but rather the app's root directory. As a workaround, I used jquery to append the <img> to the custom widget's footer on postcreate so I don't have to crawl through user directory's to find the custom widget and search for the logo.png.

Re: How to import a logo.png into a custom widget

Anonymous User — Mon, 09 Dec 2019 00:59:56 GMT

Hi Anthony Libetti‌

Use this.folderUrl variable, it will give you the current custom widget location/path, and then manipulate logo.png location accordingly.

This is easier, it is hard to manage if you use like relative path/absolute path to pin/point logo.png.