Give us feedback

Stable version 1.0.1 (Compatible with OutSystems 11)

Uploaded on 21 November 2020 by

Huarlem Lima

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)

by Ricardo Reis (OC - Growin)

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!

Related assets

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.

72910

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.

41471

Allow you to upload multiple files in one upload form or using drag and drop functionality.

6703

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.

6431

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

2249

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)

1688

OnClick Zoom Image

OnClick Zoom Image