OnClick Zoom Image - Overview | OutSystems

Login to Download

Traditional Web

3.4

(5 ratings)

1 review

11

1

Created on 16 November 2020

Login to Follow

Login to Download

Details

A simple sample of how to zoom images.

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

What’s new (1.0.1)

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

Reviews (1)

by Ricardo Reis

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!

Category

Media

Tags

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 Huarlem Lima who created this component.

Dependencies

OnClick Zoom Image has no dependencies.

Team

Requirements

Platform:

11.0.0.200

Database:

All

Stack:

.NET

Component Consumers

No consumers yet.

Weekly Downloads

Related Components

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.

full-screen video background that covers the entire browser window with outsystems Video widget. Specially used while creating a fancy website.

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

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.

Component sample to create dynamic forms with validation, tips, and dependent fields. Very useful when the user needs to create his form, create polls, surveys, quizzes, and checklists. You can sort the fields by dragging and dropping.

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)