Stable version 1.0.1 (Compatible with OutSystems 11)

Uploaded

on 21 November 2020

3.4

(5 ratings)

Details

A simple sample of how to zoom images.

Zoom your images with CSS, just with a drag and drop.

The alternative in Reactive https://www.outsystems.com/forge/component-overview/11970/onclick-zoom-image-reactive

Release notes (1.0.1)

Added more zoom options, 2x, 3x, 4x, 5x

Reviews (1)

2020-11-17

in version 1.0.0

I've already used this solution in a project and it works like a charm!
However, it only works on the page load, so it would very useful to have it working with Ajax Refreshes.

Good job!

Team

Other assets in this category

This component is based in the PDF JS library & viewer (https://mozilla.github.io/pdf.js/). Reactive version.

2174

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

A PDF viewer based on the viewer provided by the PDF JS project (https://mozilla.github.io/pdf.js/).

2009

More from Huarlem Lima

Custom Input Masks uses a javascript library which creates an input mask. An input mask helps the user with the input by ensuring a predefined format. This can be useful for dates, currencies, numbers, phone numbers, emails, urls ... Using input masks you’ll get better and more consistent data, and it will be a lot easier for your users to read and enter that data.

6861

Component sample to create dynamic forms with validation, tips, and dependent fields.

2453

Added option to generate Report PDF. Original component http://www.outsystems.com/forge/component/1414/simple-reports/ A very simple and easy report system using advanced CSS and JS with a preview directly in your pages. (design it inside ServiceStudio)

1716

OnClick Zoom Image

OnClick Zoom Image