Siebel Interactive Designer Administration Guide > Building Your UI >

Creating Output UI Controls


Use the following procedure to create output UI controls.

To create output UI controls

  1. Create the Feature or Configuration table containing the values that will populate the control.
  2. For more information, see Creating Feature Tables and Creating Configuration Tables.

  3. In the Pageset screen, select a pageset.
  4. In the Output UI tab, click New.
  5. A new row appears.

  6. Enter a sequence number for the layout of the control on the page.
  7. Enter a number relative to the numbers you entered for other controls to determine the sequence in which the control appears on the Output portion of the page. Enter numbers such as 10, 20, 30 and so forth. This allows you to later position a control between existing controls.

  8. From the drop-down list, select the control type.
  9. Enter a label for the control.
  10. For example, to display the user-selected color, enter Color.

  11. Click Table to open a picklist and select the table whose values will populate the control.
  12. Click Column to open a picklist and select the column, from the table you selected in Step 7, whose values will populate the control.
  13. For example, if you are creating a LINK UI control that will display a URL, choose the table and column containing the URL values.

    NOTE:  The Output UI can be populated with both Feature and Configuration table columns.

  14. For textbox controls, you can enter a table and column combination or a name.
  15. Because text boxes do not map to Feature or Configuration tables, a name is required for Output UI (BuildTarget) calls.

  16. If applicable, enter a height and width for the control.
  17. If you are creating a Link control, specify the type of link by selecting or deselecting Pageset.
  18. Select Pageset if the Link control links to a pageset. Deselect Pageset if the Link control links to a URL.

  19. For Anchor Text, enter the text that will appear as a link. For example: Click here to see this product.
  20. Click Save.
  21. Click Generate to add the new UI controls to the Output UI display page.
  22. NOTE:  It is recommended that you build your UI using the Input UI and Output UI tabs in Interactive Designer. Once the functionality in your application is set, it is recommended that you customize your UI in a third party HTML editor. If you do use a third party HTML editor, any custom code you write between the BEGIN GENERATE HTML and END GENERATE HTML comments are deleted in the pg|pageset_1.htm file. Be sure to write any custom code outside of this area.


 Siebel Interactive Designer Administration Guide 
 Published: 18 April 2003