Adding a background image to your dialog-based application (Microsoft Visual C++ 6.0)

Though not entirely required, adding a background image can sometimes improve the look and feel of your application.

To add a background image to your dialog-based application, simply follow these simple steps:

1. Start Microsoft Visual C++ 6.0

2. Click File>New>Click the project tab then select MFC AppWizard (exe)> type the project name>Ok.

3. Select Dialog-based among the “What application would you like to create?” radio buttons>Finish.

4. Your dialog-box should now appear in the screen.

5. Click project>Add To project>Components and controls.

6. The components and gallery dialog should then come into view.

7. Double-click the Registered ActiveX Controls folder.

8. Locate and double-click Microsoft Forms 2.0 Image from the ActiveX control list.

9. A message box containing “Insert this component?” prompt with OK and Cancel button should then come into sight.

10. Click the Ok button. The Confirm classes dialog box will then appear. Displaying the class specification associated with the Image object. Click the Ok button to accept the class selections.

11. An image control will be added to the toolbox. Click the close button of the components and gallery dialog to clear your view of your dialog.

12. Click and drag the newly inserted image control from the toolbox to your dialog.

13. Resize your image control. To achieve this, click and drag the selection handles [the square around the image control]. Just make sure that it covers the whole area of your dialog box except the title bar.

14. Right-click your image control>properties.

15. Click the All tab.

16. Select the picture property then click the … button beside it. Locate and double-click the image that you wanted to assign as a background of your dialog.

17. Set the PictureSizeMode property to “stretch” so that the image size will automatically adapt and adjust to the image control size.

18. Press F5 to see the outcome of your effort.

Notice how your image acts as a background to your dialog though it’s partly a background because we just faked it. Nevertheless, it’s an easy substitute than using brushes and drawing rectangles. This trick also works on single document interfaces. In addition, you can also use Image control in adding background color; this could be done by assigning your desired color value to the backcolor property of the Image control. There are several other helpful properties of an Image control. The rest is up to you to play around.