Skip to content

Commit

Permalink
Update User Guide - New video for Images management in Identify templ…
Browse files Browse the repository at this point in the history
…ate (geosolutions-it#9481)

* image_update_9476

* review_9476
  • Loading branch information
ElenaGallo authored Sep 25, 2023
1 parent 920ff39 commit f82ff05
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 1 deletion.
Binary file modified docs/user-guide/img/layer-settings/image_on_template.mp4
Binary file not shown.
11 changes: 10 additions & 1 deletion docs/user-guide/layer-settings.md
Original file line number Diff line number Diff line change
Expand Up @@ -455,7 +455,16 @@ In particular, by clicking on the <img src="../img/button/edit_button.jpg" class
<img src="../img/layer-settings/edit_custom_format.jpg" class="ms-docimage" style="max-width:600px;"/>

!!!note
The Identify Template editor, by clicking the <img src="../img/button/image_button.jpg" class="ms-docbutton"/> button, allows to insert images using direct URLs of resources available on the web. At the same point it also allows to parse needed image URLs from available feature attributes (eg. attributes reporting image URL values or images in base64). The same markdown syntax (eg. `${properties.IMAGE}`) can also be used in this case so that, at run time, MapStore is able to parse attribute values to finally display images accordingly in the Identify panel.
Clicking on the <img src="../img/button/image_button.jpg" class="ms-docbutton"/> button, the Identify Template editor allows to insert images in different ways:

* Using direct URLs of resources available on the web

* Using URIs encoded in base64

* Parsing needed image URLs from available feature attributes (eg. attributes with URL value). The usual syntax can be used in this case to refer the attribute value (eg. `${properties.IMAGE}`)

* Parsing image URIs encoded in base64 from available feature attributes (eg. attributes with base64 URIs values). The usual syntax can be used in this case to refer the attribute value (eg. `${properties.IMAGE}`)

<video class="ms-docimage" style="max-width:600px;" controls><source src="../img/layer-settings/image_on_template.mp4"/></video>

Here it is possible to insert the text to be displayed through the [Identify Tool](navigation-toolbar.md#identify-tool), with the possibility to wrap the desired properties. <br>
Expand Down

0 comments on commit f82ff05

Please sign in to comment.