Image Definitions Videos

Some examples:

1. How to automatically add SVG & bitmap images
   

2. 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 a 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.