Making component Properties-based widgets

This procedure describes how to create a component Properties-based widget using the Make Widget wizard.

A Px View canvas is open. No open palette is required.
  1. In the Nav side bar, expand the tree to locate the component for which to create a Px View.


  2. Drag the desired component to the canvas.
    The Make Widget wizard opens.

    The ord for the selected component displays in the ord area.

    Note:
  3. To bind to a different slot or component, double click the ord and browse to the different slot in the component (for example: out or value) or to a different component.
  4. Select the Properties from the Source options list.

    The Secondary View area displays options that are available for creating the new widget.

  5. In the Secondary view area, select one or more options from the list.
    • Make Display Name Labels

      This option displays a separate unbound label that appears directly beside the bound label when the widget displays on the canvas. Edit the display label properties using the properties side bar after completing the Make Widget wizard.

    • Make Field Editors

      This option displays an area for editing the property in the Px viewer (or in a browser).

    • Make From Palette

      This option opens the palette side bar view in the wizard with which to select a suitable widget template from any available palette.

    • Display Label and Field Editor Layout options (By Row or By Column)

      These options affect the arrangement of the properties on the canvas when you complete the wizard. Your choice of layout is optional and you may rearrange the layout after you place the items on the canvas.

  6. In the Properties sheet area, to select the properties to bind to the widget, hold the Ctrl key and select more than one property.


  7. To complete the wizard, click OK.
    The Make Widget wizard closes and the new property widgets appear on the Px Editor canvas.

  8. To display the result in the Px Viewer, click Toggle View/Edit Mode () in the tool bar.