Training
Training
Welcome
Guided Paths
Build an App
Training Planner
Courses
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Home
Jobs
Ideas
Members
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
Give us feedback
Custom Image Highlighter
Stable version
1.0.1
(Compatible with
OutSystems 11
)
Other versions available for 10
Uploaded on
07 September 2018
by
Suhas Jamdade
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)
Related assets
OutSystems UI
OutSystems
The OutSystems UI framework for Reactive Web and Mobile apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.
72840
OutSystems UI Web
OutSystems
The OutSystems UI framework for Traditional Web apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.
41441
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
6699
More from Headfitted Labs
Animated Calendar
Amal Raj
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.
106
FTPS Client for File Upload
Amal Raj
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)
216
Loading...
Loading