Designing the program

Each time you want to use Qt Designer, you should have a precise visual idea of the design of your interface. You can see in Picture 8 what the program will be like. It is a window with a number of different items (or widgets) on it, designed so that the user puts the right information in the right boxes. You should always design your program from the user point of view as it must be easy to use.


The program we create

This application creates an email signature that is then displayed on the screen. The user should enter her/his name, email address and then select a comment among three. When you click the Create! button the generated signature is shown in a MultiLineEdit. When you click Cancel, the program quits.

Note

Note that this project is meant as a tutorial so this is somewhat far away from practical use.

Go back to the Qt Designer window with the new dialog open. You will see that the property editor has been filled with details about the form you have created. The first line in the Property Editor shows the name of the form which is Form1. Click on the field with this name to change it and type SigCreateDlg. This will form the class name of the dialog so you should name it something useful.

This is how properties are changed: select the property you wish to change then change its setting on the right. Change the caption property into "SigCreateDlg v.01".


The Property Editor

We will now begin to add widgets on our dialog.