Link Search Menu Expand Document

V2 Image Label

V2 Image Label is an output widget.

The purpose of this widget is to show rich text, multi-languages or user-installed font. The contents must be entered during the ADE HMI design phase and the contents cannot be changed during HMI run time.This widget is an ideal candidate for showing stylish text labels or indicators.

For learning how to use this widget, please take a look at our educational video:

  • Educational Video

Widget Property

V2 Image label

Property Description Operation
Widget Name Widget Displayed Name Name
Link to User Manual Link to IOT’s website for User Manual  

Shadow Setting

Property Description Operation
Enable Shadow Enable shadow and it’s only valid when there is a background color Checkbox

Background Setting

Property Description Operation
Main Color Select the main color for the background Color Selector
Gradient Color Select the color for the gradient effect Color Selector
Show Background Image Show the background image or not Checkbox
Load Image Load an image as the background File Open Dialog Box

Border Setting

Property Description Operation
Border Color Select a color for the border Color Selector
Border Style Select a line style for the border Dropdown List
Line Height Set the line height for the text Number Editor
Blending Mode Select the blending mode for blending the text and the background. For more detail, please refer to Blending Selector Blending Selector

On-Widget Editor

Property Description Operation
Double click to enter the rich text RichText Editor
Adjust the size of the text box Handle Editor
Adjust the radius of the background corners Handle Editor

Right-Click Menu

Enable Shadow

Property Description Operation
Enable Shadow Enable shadow and it’s only valid when there is a background color Checkbox

Widget-Specific Actions

Property Description Operation
Remove Border Remove the border  
Make Squared Make the widget a square by choosing the larger number between the width and the height of the widget as the edge  
Link to User Manual… Link to IOT’s website for User Manual  
Load Image… Load an image from the file system File Open Dialog Box
Edit Image Launch the image editor Image Editor Dialog Box
Paste from Clipboard Paste an image from Clipboard