Add a logo in the 'details' popup in a shortlist map

MatthieuDe_Boose

Hi,

I am making a map using the shortlist template that shows location of administrative buildings for a small town. I have no experience in coding so I am learning one step at the time, I am not sure of what is possible to do and ever so, if I???ll be able to do it.
I am using the ???details??? popup and I would like to add a logo in the popup, under the url.
Is there a way to do it?

Thanks.

Matthieu

MarkCooney

Hi Matthieu,

This is certainly doable, but would require adding a bit of javascript code to the main.js file.  Specifically, you would have to alter the showDetails function found around line 1153.  First, add an attribute (that is a url to the image of the logo(s) you are interested in displaying in the details panel) to each feature in your data.  Then, use similar code to:
        var logoDiv = $('<img src="'+graphic.attributes.getValueCI(FIELDNAME_LOGOURL)+'">');
var logoFrame = $('<div class="logoFrame"></div>');
$(logoFrame).append(logoDiv);
$(leftDiv).append(logoFrame);

and place it after line 1182 (after the website info is appended to the leftDiv).

You will have to add whatever css rules you will want to apply in the style.css file to achieve your desired look and feel.

-Mark