Revenera logo

By Richard Woods

You probably already guessed that the Suite project image control can display images. But did you know it can also display other media such as Flash, pdf, or simple html? To do this, simply follow the same steps you would for using the control to display an image.

Adding the Image Control

  1. Go to the Wizard Interface view of your Suite Project.
  2. Place the image control on your wizard page.
  3. Resize and position it until it is in your desired size and location.
  4. Select the Resource property and click the ellipsis button (…). Browse to the Flash, pdf, or html file you would like to add.
  5. Build your project. Some file types such as pdf might give a build error "An error occurred streaming x into setup.exe". If this happens, simply select a different wizard page and build again. The build error should go away.

Once the project has built successfully, try running the project. You should see your Flash, pdf, or html on the image control.

Html with Dependent Files

If your html page has a dependency on an external file, such as a gif image, you will have to add this file to your setup in order for it to be displayed correctly. To do this:

  1. Go to the Support Files view of your Suite project.
  2. Select the Language Independent node.
  3. Right-click in the view and select Insert Files.
  4. Browse to the files your html requires.
  5. Repeat for any additional files.
  6. Build and run the installation.

You should see your gif image displayed on the html page.

Language-Dependent Html

If your project has language-dependent html files, you can simply add the language-dependent html file to its corresponding language in the Support Files view. Here is an example of html code that has one image that is language independent, and one image that is language dependent:

<html>
<body>
<h1>English Readme</h1>
<img src="..sharedlogo.png" alt="shared logo" />
<img src="logo.gif" alt="English logo" />
</body>
</html>

InstallShield icon

InstallShield

Create native MSIX packages, build clean installs, and build installations in the cloud with InstallShield from Revenera.

If you want to add a language to your project, you can add it under General Information | General | Setup Languages and under Releases | Release | UI Languages. Be sure to set "Languages Dialog" under Releases | Release to Yes if you want to display the InstallationLanguage wizard page.

Once you have your language-dependent html files and images, add them to the Support Files view:

  • Language Independent: sharedlogo.png
  • English: logo.gif, readme.html
  • Japanese: logo.gif, readme.html

The file name of the html should be the same in all languages and set in the Resource property of the image control. One you have added all of your support files to your multilingual project, build it and run it. You will now be able to see your language-dependent html and images.


Sample HTML Control with Dependent (Image) Files

For another look at the new Suite support in InstallShield 2012, watch the What's New in InstallShield 2012 webinar.