Overview

This widget is used to magnify your image when you hover your cursor over it. The methods below will assist you in incorporating this widget into your application.

Documentation

Image-Magnifier

Description

This widget is used to magnify your image when you hover your cursor over it. The methods below will assist you in incorporating this widget into your application.

Dependencies

  • Studio pro version 9.19.0

Configuration

  • Generalize your entity with System.Image.

  • Add a new String attribute to update the mendix image url as highlighted in below image.

  • Create a Nanoflow in your Mendix modular with following activities.

  • Creating GUID for the image uploaded using Get GUID Java action.

  • Application url will be created automatically by using Get remote url activity.

  • Manually Configure your url value in change object activity as given below image.

  • Place the widget inside a data view which is configured with your entity that is generalized with System.Image entity.

  • Select the Image url attribute inside the widget as given in below image.

Screenshots

  • As a result you can magnify your image on hover.

Screenshots

  •     
  •     
  •     
  •