Custom Image Highlighter

Stable Version 1.0.1 (OutSystems 10)
Published on 07 September 2018 by 
Created on 27 June 2018
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 : http://imagemap-generator.dariodomi.de/
 b. set the shape(eg. 'poly' for custom shape)
3. Add as many clickable area as required.
What’s new (1.0.1)

Bug fixing.

Reviews (0)
Category
UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Headfitted Labs who created this component.
Dependencies
Custom Image Highlighter has no dependencies.
Requirements
Platform
10.0.0.402
Database
SQL Server
Stack
All
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28492
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2768
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
9998
More from Headfitted Labs
Tiny Touchable Image Carousel Slider
Headfitted Labs
Tiny Touchable jQuery Image Carousel Slider Plugin - jflex jflex is a tiny jQuery carousel plugin that converts a list of images into a touchable and draggable carousel slider with tabbed navigation & an autoplay timer.
23
Animated Calendar
Amal Raj
Animated Calendars a pretty simple, which appends a beautiful, customizable and animated date picker to your input fields.
46
Dynamic UI Theming
Headfitted Labs
This component can change the UI Theme dynamically based on the User or by the User Group. For User Group use Group and Group_User entity.
48