Configuring Siebel Open UI > Customizing Siebel Open UI for Siebel Mobile > Customizing Layout, Views, Menus, Lists, and Controls >

Configuring Siebel Open UI to Toggle Row Visibility

This describes how to configure Siebel Open UI to toggle between displaying or hiding a row each time the user clicks this row.

To configure Siebel Open UI to toggle row visibility

1. Identify the .swt file that you must modify, and then open it for editing.

   For example, CCAppletList_B_EL.swt. For a similar example that identifies and modifies a web template, see Configuring Views to Use Landscape or Portrait Layout.

2. Add the following div element to the Web template file that you identified in Step 1:

   div enabletoggle="true"

   For example:

   swe:switch>
     <swe:case condition="Web Engine State Properties, IsMobileApplicationMode">
       <div enabletoggle="true"></div>
     </swe:case>
   </swe:switch>

   You add this code to a different div element depending on whether or not you modify the web template that one of the following items use:

   • Applet. Add the code to the root div element of the list applet.
   • View. Add the code to the div element that is the parent of the root div element that the list applet uses.

     If the user clicks a row, then Siebel Open UI calls the ToggleMobileLayout binder method only if it finds the child node that contains div enabletoggle="true".

You can use the AttachPMBinding method to bind the ToggleMobileLayout method to an existing method. For more information, see AttachPMBinding Method.

Siebel Open UI can bind the ToggleMobileLayout method to the HandleRowSelect method. The HandleRowSelect method detects row clicks on a list applet. The enabletoggle element enables this capability. For more information, see HandleRowSelect Method.