Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

Edge HMI

Resize animation

  • Last UpdatedOct 29, 2026
  • 4 minute read

The Resize animation allows you to increase or decrease the size of an object during runtime.

On the ribbon Draw tab, in the Animations group, select Resize to add the animation to an object. Double-click on the object to open its Object Properties dialog.

Object Properties: Resize dialog

Use the dialog to configure the following properties:

  • Height and Width: Configure these settings to determine how the object moves in the screen:

    • Tag/Expression boxes: Configure a tag/expression that will determine the size of the object during run time; as the value changes, the object is resized in the screen. Whether you can configure a tag or an expression depends on whether the Gesture option (see below) is selected:

      • If the Gesture option is not selected, then configure either a tag or an expression in this box.

      • If the Gesture option is selected, then configure only a project tag (Integer or Real type) in this box. When the end user manually resizes the object, the new value is written back to the tag.

    • Value range boxes: Enter the minimum and maximum values for the specified tag(s). If a tag's actual value goes outside of its range, then the value is ignored and the limit is used instead.

    • Size range (%) boxes: Enter the minimum and maximum values for the size of the object. The minimum value can be as low as 0% (making the object effectively invisible), and the maximum value can be as high as you want. 100% is the original size of the object when you draw it in the screen worksheet, 200% is double the original size, and so on.

      During run time, the object's size is proportional to the tag value within its range. For example, if Size range (%) is 0 to 100 and Value range is 0 to 10, then each increment in the value will increase the object size by 10%. This is true for both Height and Width.

    • Reference drop-down lists: Select a reference point to determine the directions in which the object will change size. The following table shows how your selections for Height and Width work in combination:

      LEFT

      CENTER

      RIGHT

      TOP

      CENTER

      BOTTOM

  • Gesture: When multi-touch gestures are enabled, the end user may use two-finger "pinch" and "stretch" gestures to resize this object during run time. The changes in size are written back to the project tags configured in the Tag/Expression boxes above.

    • Enable option: Select to enable gestures on this specific object.

      Please note that Multi-Touch must also be enabled for the project and screen.

    • Inertia option: Select to apply inertia to this object, so that it slows down naturally rather than stops abruptly when the end user stops touching it.

    • Disable box: Configure a tag/expression. When its value is TRUE (that is, not 0), then gestures are disabled on this object.

    • Security box: Type the minimum access level that the end user must have to use gestures on this object.

      For more information, see Multi-Touch.