Image Definitions Videos

[WORKING IN PROGRESS]

Some examples:
– How to automatically add SVG & bitmap images
– How to manually add SVG & bitmap images

---

How to add SVG & bitmap images (automatic)

• You need a QuickStart project:
  • Select File > New > IIZI Module Project (Quickstart)
  • Enter project name and unselect Create text tables with automatic translation
  • Press Finish
     
• Use Windows Explorer to drag/drop your images into the Assets folder
  • Select Copy files, then OK
  • Press Yes to generate images definitions
     
• Your images definitions are located under
  • Fonts and Images Definitions / current date time package
     
• Go to your panel
  • Right-click on Components for context menu
  • Add component > Image
  • Click on Image > Select Image Definition…
  • Select your image, then OK
     
• Place your image wherever you want

In the example we showed you PNG / SVG formats.

---

How to add SVG & bitmap images (manually)

• You need a QuickStart project:
  • Click on File > New > IIZI Module Project (Quickstart)
  • Enter project name and unselect Create text tables with automatic translation
  • Press Finish
     
• Use Windows Explorer to drag/drop your images into the Assets folder
  • Select Copy files, then OK
  • Press No in order not to generate automatic image definitions
     
• Right-click on Fonts and Images Definitions
  • Select New > Image Definition or SVG Definition
  • Enter name, then click Next
  • Click on Browse and select image, then Finish
     
• Go to your panel
  • Right-click on Components for context menu
  • Add component > Image
  • Click on Image > Select Image Definition…
  • Select your image, then OK
     
• Place your image wherever you want

In the example we showed you PNG / SVG formats.