Use the Picture Tool to incorporate graphics and illustrations into your App. Just about any paint or drawing program can be used to create images that can be imported into the workspace. Compatible image formats include JPG, PNG, GIF and SVG.

The Picture object corresponds to the <img> HTML tag.

Note: If you want to create your own image files, there are a variety of programs available that are designed for this purpose. (One such program is PixelNEO® for Windows. A trial copy of PixelNEO can be downloaded from our website).

To import a Picture, use the mouse to draw a rectangle where you would like the object to appear. A file selector will be displayed, allowing you to select a compatible image file. Once a file is selected, the Picture object will appear on your publication. You can modify the object’s properties by using the Properties Panel or change the asociated file by right cliking the object. These properties will allow you to define the object’s appearance.

  • alt-text (alternative text) property let you add a description text for the image. This is usefull if you plan to publish your App in a web hosting service as a WebApp. Search engines (like Google  or Bing) will use that text information to catalog the image on their databases, increasing the App SEO (Search Engine Optimization) so users will find your WebApp more easily.

  By default the image will be displayed exactly as it was drawn. Left the width and height properties blank to keep the original picture size.

  Don't forget to optimize your images before using them in your App. Try always their size and weight to be as small as possible.

  If you want to use partially transparent images use the PNG format, as it allows alpha channel transparency.

  To preload images and avoid temporal empty spaces while downloading them from the Internet, put a copy of the image in a previous Page and set its visible property to false. The image will load instantaneously the next time it is shown as it has been stored on the browser cache memory.