Widgets > Image tagger

Overview

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

Through this Widget, you will be able to include notes inside of an image, by placing tags or pins.

ImageTagger_teaser

Clicking on Select will first allow you to upload an image.

Note that you will simply click on a given spot in the image, and define the label that will be shown as a tooltip for that spot.

At anytime you may click Clear to reset tags/pins so that you can start from scratch.

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 image file you want to tag.

•A string type attribute which will store the metadata used by this Widget (i.e, coordinates and information gets stored in it, under a predefined format).

ImageTagger_datamodel

note_pin

Note that this Widget is designed to work with 1 and only 1 image.

Given that a file type attribute in Bizagi may hold more than 1 file, you will need to make sure that:

•Only image type files are attached (such as .png, .jpg, .gif).

•Only one image is uploaded. If there are more than 1, then the first image will be worked on.

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.

ImageTagger_forms

Consider the following properties.

PROPERTY	POSSIBLE VALUES	DEFAULT VALUE / SUGGESTED
Data binding Image	A file type attribute holding the image file to place tags/pins on.	Not applicable. This property is mandatory.
Data binding coordinates	A needed attribute to store the metadata as managed by this Widget to store coordinates and information of the tags/pins.	Not applicable. This property is mandatory.
Label button clear	A setting to customize the label displayed for the button that clears all tags/pins in the image (applicable when editable).	Clear
Label Button Select File	A setting to customize the label displayed for the button that uploads a new image (applicable when editable).	Select

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 supports both being editable and read-only by: allowing an user to upload an image and place tags in it when editable, and allowing other users to view the image and its tagged information when read-only.

Last Updated 10/28/2022 9:55:23 AM