Spectrum Spatial (SSA/LIM)

Hello,

 

I know I can use custom templates to open a PDF or image that is referenced in a tab file field into a new tab (when info-clicked) using this...

 

 <b>Image:</b> <a href="{{feature.Image.value}}" target="_blank" title="click for more details">{{feature.Image.value}}</a></b>

 

But how can I get each image to appear within the callout itself rather than opening in a new tab?

 

The attached image should explain it furtherSee Attachment

 

 

Hi Stuart,

I would look at pulling the image into an iframe or span using ng-src or ngswitch? or ng-mouseover

There's some demo code here https://stackoverflow.com/questions/44150498/angularjs-show-image-on-mouseover

Hope this helps

cheers

 

 

 

Many thanks for that, Peter. I’m not sure this is what I am looking for, though. Each record in my table has a unique image referenced to it in a tab field (loaded to a UNC path on our web server). Instead of the that tab file field value showing in the left side info panel as a clickable URL I want the actual image to appear in the left-side info panel instead. I’m sure it’s doable, I just can’t work out the line of HTML.

Hi Stuart,

In that case I would replace the href with ng-src? within an image element some thing like this

<img ng-src="http://www.gravatar.com/avatar/{{feature.Image.value}}" alt="Description" />

If you use ng-src then angular will parse the combined string correctly

cheers

Thanks for that, Peter. I’ll give it a go. Once I’ve got it sorted I’ll share the full html with the SSA group.