Customising the 'Look and Feel' of the Web Update Wizard Dialogs

Changing Design Elements

The areas that are ringed / arrowed in red in the screenshot below can all be customised using keywords in your script file, on an update section by update block basis.

Therefore, you can change the look and feel or title / subtitle text for each update section in your script separately, should you wish to.

Click on the highlighted areas to go to the appropriate section of the 'Keywords' reference page for more information.

If you omit any of the keywords shown here from your update section then the default look and feel (shown in the screenshot) will be used.

Suppressing Design Elements

This area is a Web Browser control and accepts any valid html. Change the 'from' and 'to' colours of the graduated background across the top of the dialog. Change the overall background colour for the dialog from its default (white) Change the bitmap from the default shown here Change the text displayed within the subtitle Change the text from the default, "Web Update Wizard" Change the text colour used in the title from the default Change the icon used from the default (shown on the screenshot) Note that the following (case-sensitive) 'tags' may be used in the html used to drive the web control on the dialogs:

Tag What it does
<nobitmap> The web browser control expands horizontally to cover the full width of the dialog box.
<noheading> The web browser control expands vertically to cover the graduated title area of the dialog box.
<overlapbuttons> The web browser control expands vertically to cover the area where the OK or Yes/No buttons are usually displayed. The buttons are painted on top of the web browser control.

 

You may use these tags in combination. You can put them anywhere in your html - the Web Update Wizard will identify and remove them from the rendered html.

Adding a Scrolling Link Control

In addition, you can display a scrolling link control at the bottom of the message boxes, as shown in this screenshot:

This feature uses the ScrollingLink= keyword line and is described here.

What's Possible

Finally, here is a fully customised message box, using all the options:

(N.b. The Web Update Wizard is not endorsed or in any way connected with CodeProject.com. We have just mocked up a relevant sample to illustrate what is possible! Having said that, CodeProject is a fantastic developer resource, and PowerProgrammer thoroughly recommends it!)