Skip to main content

Image Overview

  1. Navigate to HSYCO Manager

  2. Create a new project or open an existing one

  1. Go to Home page

  1. Click "add"

  1. Add a "Image" object

  1. Go back to "edit" mode

  1. You can enlarge the image by dragging one of the corners of the object

  1. The "Image" attribute specifies an image to show

  1. Click this icon to select an icon

  1. You can choose from the icons included in HSYCO or you can also upload an image to use

  1. In the "Icon" section, there is on the left a list of categories from which choose the icon

  1. If you want to use an image, select "Image"

  1. You can then upload one by choosing "Upload Files"

  1. Select an icon and click "ok"

  1. As you can see, the icon is now shown in the object

16. The "Fit" attribute specifies how an image should be resized to fit its container. There are 5 choices: contain, which is default and keeps the icon aspect ratio, fill, where the image is resized to fill the given dimension (note that it will be , cover, stretched or squished to fit), cover, where the image keeps its aspect ratio and fills the given dimensions but will be clipped to fit, none, where the image is not resized and scale-down, where the image is scaled down to the smallest version of none or contain

17. Change the "Label" to "Error Icon". The "Label" is shown under the image

18. Change the "Tooltip" to "This is an error icon!". The "Tooltip" is a text that appears on mouseover, after a small delay

  1. Click "Save" to save the project

Tip: Great! Now we can try it

  1. Click "Run" and then "Default" to launch the application

  1. As you can see, the Label is below the image

  1. Also, on mouseover the tooltip is shown