How To Add A Banner To Your Msi Dialogs
This tutorial gives a step by step instruction on how to add a banner bitmap which will appear in your .msi wizard dialog. A good banner gives your wizard a professional look.
Step 1. Create a logo
- Create a logo, preferably 500x70 pixels and in either .jpg or .bmp format.
- Note that text it the wizard may cover up to the rightmost 420 pixels of the bitmap, so keep it white.
- The bitmap I used is shown below.
- A .psd photoshop version of this file that you can edit is at Attach:setup3-01.psd
 |
Step 2. Create a Setup Project
- Recreate or reopen the setup project created in the previous tutorials
Step 3. Open the User Interface View
- Right click on the Setup project in the Solution Explorer
- Select View -> User Interface
- The main window will look something like this figure
Step 4. Add the banner to the Start / Welcome interface
- Click the Welcome label
- In the Welcome properties window, select 'browse' from the BannerBitmap property pulldown menu
- From the dialog box that appears, double click Application Folder
- Now select the Add File... button
- Navigate to where your bitmap was stored and add it.
- You should notice that this file will be added to your Setup project in the Solution Explorer
Step 5. Repeat the above for all the other labels
- Do the same thing for all the other labels, i.e., Installation Folder, Confirm Installation, etc.
- The only difference is that the bitmap file will be listed, so you no longer have to navigate to it.
- And yes, its idiotic that you have to repeat this for every label. If you find a better way to do this, let me know!
Step 6. Try it.
- Build the project.
- Try the installation. Each wizard should have the banner you included, as illustrated in the figure below.
