Image zoom

<< Click to Display Table of Contents >>

Navigation:  Widgets >

Image zoom

Overview

The Image zoom Widget for Bizagi is available for download at Bizagi Widget Xchange.

Through this Widget, you will be able to use a multiple display for attached images in the processes, with a feature that allows you to zoom in each, for a better detail.

 

ImageZoom_teaser

 

Clicking on a specific image will automatically zoom in:

 

ImageZoom_result

 

Before you start

In order to test and use this Widget, you will need:

1.Bizagi Studio previously installed.

2.This specific Widget previously installed, either as described at https://help.bizagi.com/platform/en/index.html?widget_xchange.htm, or as described at https://help.bizagi.com/platform/en/index.html?widgets_manualinst.htm.

 

Data model considerations

In order to use this Widget, you need in your data model:

A file type attribute which holds the files you want to display (upload should be images, and there could be more than 1 image).

 

PDFAttached_datamodel

 

Properties configuration

In order to configure this Widget once it is installed in your project, include it in any form and set it properties in the Forms designer, just as you would do with any other type of Bizagi control.

 

ImageZoom_forms

 

 

Consider the following properties.

 

PROPERTY

POSSIBLE VALUES

DEFAULT VALUE / SUGGESTED

Data binding

A file type attribute which holds the multiple images to present with a zoom-in feature.

Not applicable.

This property is mandatory.

 

note_pin

Notice all Bizagi controls and Widgets, enable a visible property which allows you to set if that control should be displayed in a given form or not (e.g, by using a business rule).

 

This Widget is designed as read-only.

 

For complete documentation or more information about this Widget's possibilities (e.g, if you wish to customize and extend it), refer to the information about the implemented jQuery Plugin at http://jquery-plugins.net/jqzoom.

 

note_pin

When capturing the images with the Bizagi file upload control, make sure that you allow a file attribute to hold multiple images (at least 2), and that valid extensions are those representing images, while relying on its configuration properties:

 

ImageCompare_note

 

Watch it in action

The process Emergency Room available in Process Xchange has already a completely functional Image zoom widget in it. (https://www.bizagi.com/en/platform/xchange).

 

ImageZoom_xchange


Last Updated 10/28/2022 9:56:02 AM