From Forum Nokia Wiki

Contents 1 Getting input from user 2 The Example 3 The step by step guide 3.1 Prerequisite 3.2 Step 1 - Start a new project 3.3 Step 2 - Add Single Line Data Query 3.4 Step 3 - Delete the default 3.5 Step 4 - Add event handler 3.6 Step 5 - Generated Code 3.7 Step 6 - Executing the application 3.8 Step 7 - Changing the properties 4 Conclusion 5 Source Code 6 Back to the tutorial

Getting input from user

In every application one of the basic requirements, in case of a GUI, is some method to take input from user. There are several options available to get the input from user. One of the simplest options is Single Line Data query input dialog. In Carbide.c++, in the pallet you can see a section called Notes and Dialogs. Here you can find this input dialog.

The Example

The example when executed presents the user with an input dialog. Once user has entered some text and hit the menu application shows the same text back.

The step by step guide

Prerequisite

See this tutorial first in order to understand basics of creating and running an application. Helloworld tutorial

Step 1 - Start a new project

1) Start with a new project using Carbide.c++ IDE. 
2) Call it dialogs ( or whatever you like).

Once you are done with all basic steps you will see this window.

Step 2 - Add Single Line Data Query

Now add the Single Line Data Query input dialog to the form. 

When selected from control pane, it would appear as below.

Step 3 - Delete the default

Now delete the default text appearing in the text area of the dialog.

Step 4 - Add event handler

1) Add one menu item in the options menu. 

Refer to the above mentioned hello-world tutorial.

2) Call this menu item as "Get Input".

3) Now add an event handler to the menu item.

In the event handler the add the code for

1. Show the dialog. 
2. Read the text from dialog. 
3. Show it back.

Step 5 - Generated Code

Just notice that the IDE generated code for the function to show the data query dialog.

Remember not to tamper the code  between the tags called "generated code" 
this may stop auto generation of code.

Step 6 - Executing the application

Now we are done with the code and design part.

Run the application to text it in emulator and following should be the output.

Step 7 - Changing the properties

The properties of the dialog can be altered visually in GUI designer.

Right click the dialog and then select "Show properties view" option.

Conclusion

This way we can develop the GUI based application using Carbide.C++ very quickly. Once the basic idea of using dialogs

with the IDE is clear, one can go for other dialogs in the application.

Source Code

File:Dialogs.zip

Back to the tutorial

Here you can visit the main page of tutorial