Creating a Knowledgeware Dialog Box

You can create a dialog box using the Know-how Apps User Experience app. In this topic, you are going to learn how to create a dialog box containing a frame, different labels, radio buttons and separators.

This task shows you how to:

See Also
About Widgets

Create the Dialog Box

  1. From the Compass, click 3D Modeling Apps , and select Know-how Apps User Experience.
    The Know-how Apps Component opens.
  2. Enter the name of the component and click OK.
    The Know-how Apps User Experience application opens.
  3. Click Dialog Box .
    A DialogBox1 is displayed in the Preview tab.
  4. Click the Layout design tab, select the dialog box and select the Properties tab.
  5. In the General category, change the Name of the "DialogBox1" to "InitSkate" for example.
  6. Copy this name and paste it to the Title cell in the Text Resources category.

Create a Frame

  1. Back in the Toolbox tab, click the Frame widget and drop it to the "InitSkate" dialog box.
  2. In the Properties tab, replace the existing Frame Title with Inputs in the Text Resources category.
    The frame is renamed.

Create a Label

  1. In the Toolbox tab, select label and drop it to the Inputs frame.
  2. In the Properties tab, change the existing title to "Choose the type of the skate": in the Text Resources category.

Create a Radio Button

  1. In the Toolbox tab, select RadioButton and drop it to the "Choose the type of the skate:" label.
  2. Repeat this operation once so that you get two radio buttons.

Designing the Dialog Box

  1. Select the first radio button and, in the Properties tab, change the existing title to" Leisure" in the General category. Change the title accordingly in the Text Resources category.
  2. Select the second radio button and, in the Properties tab, change the title to "Competition" in the General category. Change the title accordingly in the Text Resources category.
  3. In the Toolbox tab, select separator and position it just below the "Inputs" frame.
  4. In the Toolbox tab, select label and drop it to the "Inputs" frame.
  5. In the Properties tab, change the title to "Enter the skate characteristics:" in the Text Resources field.
  6. Select the Label widget and drop it below the" Enter the skate characteristics:" label.
  7. In the Properties tab, modify the title in the Text Resources to "Skate Length:".
  8. Select the Label widget and drop it below the "Skate Length:" label.
  9. Select it and in the Properties tab, modify the title in the Text Resources to "Skate Width":.
  10. Select the Label widget and drop it below the "Skate Width:" label.
  11. Select it and in the Properties tab, modify the title in the Text Resources to "Enter the maximum mass of the skate:".
  12. In the Toolbox tab, select ParameterEditor and drop it to the "Enter the skate characteristics:" label, opposite to "Skate Length:".
  13. Repeat the operation above and drop the ParameterEditor opposite to "Skate Width:" and "Enter maximum mass of the skate:".
  14. In the Properties tab, select the first ParameterEditor and change its name to "EditSkateL" in the General category.
  15. Select the second Parameter Editor and change its name to "EditSkateW" in the General category.
  16. Select the third Parameter Editor and change its name to "EditTargetMass" in the General category.
  17. Click the Preview tab to preview your final dialog box.

Notes:
  • At build time you can define the type of the expected selected element to filter the selection. In case of multi selection, only the first element of the correct type is taken into account. The attribute that defines the type is called CurrentSelectedObjType. The pointer attribute is called CurrentSelectedObject. It is going to contain the selected element. By default, CurrentSelectedObjType equals Feature.
  • You can modify the type of expected type at build time and use EKL Scripts to modify the recovered attribute that is going to be contained by the the CurrentSelectedObject attribute. At runtime, when you launch the dialog, the current selected element is set in the CurrentSelectedObject attribute pointer if it is of the correct i.e it is of the CurrentSelectedObjType type or it derives from it.