This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

How to add images?

How to add images svg & bitmap?
    1. How to add images SVG & bitmap? (auto)

    2. How to add images SVG & bitmap? (manual)


    How to add images SVG & bitmap? (auto)

    There is a tutorial video just down below.

    • 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
         
    • You can use Windows Explorer

    • Drag/drop your images into the Assets folder

      • Select Copy files, then OK
      • Press Yes and it will generate for you all images definitions
      • All your images definitions are located under:
          Fonts and Images Definitions / current date time package
         
         
    • Go to your panel

      • Right click on Components to display context menu
      • Add component > Image
      • Click on Image > Select Image Definition...
      • Select your image then OK
         
    • Now you can place your image wherever you want

    • In the example we showed you PNG / SVG formats.
       


    How to add images SVG & bitmap? (manual)

    There is a tutorial video just down below.

    • 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
         
    • You can use Windows Explorer

    • Drag/drop your images into the Assets folder

      • Select Copy files then OK
      • Press No
      • Right click on Fonts and Images Definitions
        • Select New > Image Definition or SVG Definition
        • Put a name then click Next
        • Click on Browse
        • Select the image then Finish
           
    • Go to your panel

      • Right click on Components to display context menu
      • Add component > Image
      • Click on Image > Select Image Definition...
      • Select your image then OK
         
    • Now you can place your image wherever you want

    • In the example we showed you PNG / SVG formats.