Training
Training
Online Training
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Home
Jobs
Ideas
Members
Mentorship
User Groups
Downloads
Platforms
OutSystems.com
My Platform
Community
Resources
Support
Search in OutSystems
Log in
Sign Up
Community
›
Forge
›
Assets list
›
Custom Image Highlighter
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)
Overview
Reviews
Versions
Documentation
There's no documentation for this asset yet
Support
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)
Team
MVP
Other assets in this category
User interface, Media
pdfJS Viewer Reactive
Eduardo Jauch
This component is based in the PDF JS library & viewer (https://mozilla.github.io/pdf.js/). Reactive version.
2189
Cropit
Remote Coders
A jQuery plugin for image cropping and zooming. Loads images locally via FileReader, and crops them using canvas. Designed to be extremely customizable via CSS. Best for the cases where you want users to upload images of a specific size and aspect ratio.
300
pdfJS Viewer
Eduardo Jauch
A PDF viewer based on the viewer provided by the PDF JS project (https://mozilla.github.io/pdf.js/).
2012
More from Headfitted Labs
Animated Calendar
Amal
Animated Calendars a pretty simple, which appends a beautiful, customizable and animated date picker to your input fields.
77
Dynamic UI Theming
Suhas Jamdade
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.
113
FTPS Client for File Upload
Amal
This extension provides a method to upload a file using the FTPS protocol. This can be extended to support other FTPS commands. FTPS (also known as FTPES, FTP-SSL, and FTP Secure) is an extension to the commonly used File Transfer Protocol (FTP) that adds support for the Transport Layer Security (TLS)
233
Loading
Loading...