Siebel Product Administration Guide > Creating Custom Siebel Configurator User Interfaces > The Grid Layout Group Theme >

Creating the Grid Layout Group User Interface

The grid layout group user interface allows you to control the location of each control in the group very precisely:

• You specify the number of columns used to display the controls.
• You specify where on the grid of rows and columns each control appears by entering the GridBegin and GridEnd property for that control.
• You do not specify the number of rows. The application determines the number of rows needed by the controls you define.

For example, you specify that the grid has three columns. To make a control appear on the second row, third column, you add that control as a Group Item and you give it the following properties and values:

• GridBegin = {2,3}
• GridEnd = {2,3}

Notice that the values are enclosed in curly brackets, the value of the row comes first, and the values of the row and column are separated by a comma. You must enter both a GridBegin and a GridEnd property for each control. In this example, the GridBegin and GridEnd properties have the same value, because the control occupies only one row-column combination on the grid.

You can also specify that controls occupy several rows and columns of the grid. For example, you have defined a grid with three columns. You want one of the controls to occupy the second and third columns of the fourth, fifth, and sixth rows. Give that control the following properties and values:

• GridBegin = {4,2}
• GridEnd = {6,3}

To create the grid layout group user interface

1. Create the group and add items to it, as described in Grouping Items onto Pages of the Siebel Configurator User Interface.

   When you create the group, in the Group Theme field, select GridLayout Group Theme JS.

   NOTE:  If the GridLayout Group Theme JS is not available within the Group Theme pick applet, then manually create a record within the Group Theme pick applet and map it to the eCfgGroupGridLayoutJS.swt file.

2. Define the number of columns for the group:
   1. Select the group in the panel on the left.
   2. Click the Properties tab.
   3. Add a new record to the properties list, and complete the necessary fields, described in the following table.

      Field	Comments
      Name	Enter NumofCol
      Value	Enter the number of columns that you want. If you do not enter a number, the default value of 4 is used.

3. Define the locations of controls:
   1. Select each control in the panel on the left.
   2. Click the Properties tab.
   3. Add a new record to the properties list, and complete the necessary fields, described in the following table.

      Field	Comments
      Name	Enter GridBegin.
      Value	Enter the number of the row and column where you want this control to begin.

   4. Add another new record to the properties list, and complete the necessary fields, described in the following table.

5. Optionally, to customize the style of the cell, add another new record to the properties list, and complete the necessary fields, described in the following table.