Configuring Siebel Open UI > Customizing Styles, Applets, Fields, and Controls > Customizing Applets >
Expanding and Collapsing Applets
This topic describes how to configure Siebel Open UI to display an applet as expanded or collapsed, by default. To expand and collapse applets
- Modify the applet:
- Open Siebel Tools.
For more information about using Siebel Tools, see Using Siebel Tools.
- In the Object Explorer, click Applet.
- In the Applets list, query the Name property for the applet that you must modify.
For example, query for SIS Account Entry Applet.
- In the Object Explorer, expand the Applet tree, and then click Applet User Property.
- In the Applet User Properties list, create two new applet user properties. Use values from the following table.
|
|
ClientPMUserProp |
Default Applet Display Mode |
Default Applet Display Mode |
Use one of the following values:
- Expanded. Siebel Open UI displays the applet in an expanded state, by default.
- Collapsed. Siebel Open UI displays the applet in a collapsed state, by default.
|
- Compile your work.
- Modify the .swt file:
- Identify the .swt file that you must modify, and then open it for editing.
- Add the following code:
<swe: form> <swe:if condition="Web Engine State Properties, IsPrintOff"> <div class="swe:this.SelectStyle"> </swe:if> <div class="siebui-collapsible-applet"> <table datatable="0" summary="" width="100%" cellpadding="0"cellspacing="0" border="0" align="center" <div class="siebui-collapsible-applet-header"> swe:include file="CCTitle_Named.swt"/> swe:include file="CCFormButtonsTop.swt"/> swe:error type="Popup"> <table datatable="0" summary="" class="swe:class AppletBack width="100%" cellpadding="0" </swe:error> <div class="siebui-collapsible-applet-content"> <swe: form-applet-layout> </swe: form-applet-layout> <div> <div> <table> <div>
- where:
siebui-collapsible-applet . Identifies the applet body.
siebui-collapsible-applet-header . Identifies the section where Siebel Open UI adds the expand button or the collapse button.
siebui-collapsible-applet-content . Identifies the section that Siebel Open UI expands or collapses.
- Test your work:
- Log in to the client.
- Navigate to the applet that you modified in Step 1.
- Verify that Siebel Open UI displays the applet as expanded or collapsed according to the value that you set for the Default Applet Display Mode applet user property in Step 1.
- Verify that Siebel Open UI displays the expand and collapse button correctly.
If Siebel Open UI expands the applet, then it must display the following collapse icon in the upper right corner of the applet:
If Siebel Open UI collapses the applet, then it must display the following expand icon in the upper right corner of the applet:
|