Storing Images in a Datasheet

Images can be stored in datasheets and used to populate dynamic Text or Image widgets on a page. You’ll learn how to add images to a datasheet in this tutorial.

Watch a Video

Watch this video for a quick demonstration of the tasks covered in this tutorial.

Adding images to a datasheet

You can copy and paste images into datasheet cells (either from an external source or from within Studio), or you can right-click in a cell and choose Insert Image(s) from the context menu.

Tip

To prevent image quality degradation or unpredictable results in iRise Reader, it’s best to resize your images to a uniform size – preferably the size they will be displayed at in your simulation – before inserting them into a datasheet.

In the following example, you will download a series of images from the Web and add them to a datasheet for the purpose of displaying them in an online catalog.

(Note: Be careful about using copyrighted images in your simulations, especially if your project might be viewed by anyone outside of your organization. Flickr.com would be a good choice if you need to restrict your search to images in the Creative Commons domain.)

Download an image

Go out to Google Books (http://books.google.com/books), right-click an image and choose Save as. Note the location of the image on your hard drive.

Add the image to a datasheet

In iRise Studio, create a datasheet with four columns and the following headers: Book Title | Book Author | Book Price | Book Image.

Then come back into Studio and right-click in the first cell in the Book Image column. Choose Insert Image(s) from the context menu.

Inserting an image in a datasheet

Browse to and select the single image you saved. The image will now appear in your datasheet.

An image stored in a datasheet

Adding multiple images at once

You can also bring in several images at once. Go back out to Google Books and save several additional images to the same folder location.

Return to Studio, and again right-click within an empty cell in the Book Image column. This time, browse to and select multiple images in the Select Image File dialog by holding down the Ctrl key as you click each image. Select enough images to populate the entire column in the Datasheet. These images will populate in alphabetical order within your datasheet.

Multiple images in a datasheet

Once the images are stored in your datasheet, they can be displayed on a page in your simulation by mapping data flow to either an Image widget or a Text widget on the page.

Note: Mapping the image field to a User Input widget (e.g., a Text Input or Select widget) will result in the name of the image file being displayed instead of the image itself.