custom-image-highlighter
Mobile icon

Custom Image Highlighter

Stable version 1.0.1 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded on 07 September 2018 by 
5.0
 (7 ratings)
custom-image-highlighter

Custom Image Highlighter

Details
This component is developed for highlighting part/section of an image on click/touch.
Read more
This component is developed for highlighting part/section of an image on click/touch.
There are 2 options available .
1. Static Image Highlighter.
 In this component, when user clicks on the clickable areas, the clicked are will be highlighted.
2. Dynamic Image Highlighter.
 In this component, when user clicks on the clickable areas, the clicked are will be highlighted. Also when the use navigates back to this page/ block, the selection will be still available and highlighted.
Referenced jquery: https://davidlynch.org/projects/maphilight/docs/

Steps for configuring of Custom Image Highlighter:
1. Upload an image which will have clickable areas .(max size supported: 375*572)
2.  a. Get the desired coordinates for each clickable area
  Use this lnk to generate the corodinates : https://imagemap-generator.dariodomi.de/
 b. set the shape(eg. 'poly' for custom shape)
3. Add as many clickable area as required.
Release notes (1.0.1)

Bug fixing.

Reviews (0)