Tutorial: Equal Container

## Tutorial: EqualContainer - Create Project for Equal Container Example

First create a General Project:

1. Select File > New > Project...
2. Select Project in the General folder.
3. Click Next and continue with wizard setup by specifying a project name, workspace location, and referenced projects (if applicable).
4. On last page of wizard click Finish to create the simple project.

The project will appear in the Project Explorer view. Select the project and right-click to display the context menu. Select Show in Explorer from the list of menu options. Grab the example zip file from {Carbide_Installation_Dir}\plugins\com.nokia.sdt.series60.componentlibrary_version\templates\tutorials\example_components\example_components.zip, where version is the current version of UI Designer, then unzip the Equal Container example files into your new simple project folder. The files include:

- EqualContainer.component
- EqualContainer.properties
- EqualContainer.png (for display in Outline view of UI Designer)
- EqualContainer_tn.png (for display in S60 UI Design Selection wizard)
- EqualContainer.js
- ComponentUtils.js

If not visible in the main menu bar, enable the Components menu. Select Window > Customize Perspective... and select the Commands tab. In the list of Available command groups, check Carbide.c++ UI Designer Components and click OK to close the dialog box. The Components menu will appear between the Project and Run menus.

To add the custom container to the UI Design wizard, select Components > Select Custom Component Projects... and check the project you created for the example files listed above. Click Ok and the UI Designer will add the custom container to the S60 UI Design wizard; accessible by choosing File > New > S60 UI Design.

##### Step 2 of 5

Write the Component and Script Code