Configuring Siebel Open UI > Customizing Styles, Applets, Fields, and Controls > Customizing Applets >
Customizing Applets to Capture Signatures for Siebel Mobile Applications
A signature capture is an electronic capture of a user signature. This topic describes how to customize applets to capture signatures in Siebel Mobile applications. NOTE: This task uses Siebel Pharma as an example, but the procedure is similar when modifying a different application. For more information about migrating signatures from High Interactivity to Siebel Open UI, see the topic about configuring the digital migration service for signatures and the topic about rendering signatures in the user interface in Siebel Life Sciences Guide.
To customize applets to capture signatures for Siebel Mobile applications
- Create a new business component and add a new field.
- Create a new Signature business component with the values shown in the following table.
|
|
Name |
Signature BC |
Class |
CSSBCBase |
- Create a new Signature business component field with the values shown in the following table.
|
|
Name |
Signature |
Type |
DTYPE_NOTE |
Text Length |
16,383 |
Force Activation |
Selected |
- Create a new Form Applet with the values shown in the following table, adding an _PUI suffix to the name.
|
|
|
Signature Form Applet_PUI |
CSSFrameBase |
Signature BC |
- Add applet user properties:
- In the Object Explorer, expand the Applet tree, and then click Applet User Prop.
- In the Applet User Props list, add the following applet user properties as required.
|
|
CanInvokeMethod: ClearSignature |
TRUE |
Parent BC Name, for example:
- For Siebel Pharma, Parent BC Name is: Parent BC Name: Pharma Professional Call - Mobile
- For Siebel Service, Parent BC Name is: Parent BC Name: Action
|
For example:
- Pharma Professional Call - Mobile
- Action
|
Signature Field |
Signature |
Signature Length |
1600 |
Signature Min Length |
5 |
Use Apply Drilldown |
Y |
Use Cancel Drilldown |
Y |
- Add controls:
- In the Object Explorer, click Control.
- In the Controls list, add the following controls.
|
|
Clear Signature |
Set the MethodInvoked property to ClearSignature. |
Address |
Set the Field property to Address. Note: You can create other fields such as Contact First Name in addition to the Address field as required. |
Signature Capture |
Set the following properties:
- Set the Field property to Signature.
- Set the HTML Type property to InkData.
|
Apply Signature |
Set the MethodInvoked property to ApplySignature. |
Cancel Signature |
Set the MethodInvoked property to CancelSignature. |
- Add an applet Web template:
- In the Object Explorer, click Applet Web Template.
- In the Applet Web Templates list, right-click and select new record.
- Set the following properties.
|
|
Name |
Edit |
Type |
Edit |
Web Template |
SIA Applet Form Grid Layout - No Menu_OUI |
- Create the following new drilldown objects:
- In the Object Explorer, click Drilldown Object.
- In the Drilldown Objects list, configure the values shown in the following table as required for the Apply Drilldown and the Cancel Drilldown drilldown objects.
NOTE: The values shown in the following table (for View, Business Component, and so on) are examples only - you can choose a different view and business component as required.
|
|
|
|
|
|
Apply Drilldown |
Address |
LS Pharma Professional Call Execute View - Mobile |
Activity Id |
Pharma Professional Call - Mobile |
Id |
Cancel Drilldown |
Address |
LS Pharma Professional Call Execute View - Mobile |
Activity Id |
Pharma Professional Call - Mobile |
Id |
- Expose the Controls in the Applet Web Template item as follows:
- In the Object Explorer, click Applet.
- Select Applet "Signature Form Applet_PUI", then right-click and select Edit Web Layout.
- Select Edit mode.
- Select and move the Signature field and the Apply Signature, Cancel Signature, and Clear Signature buttons on the Web Layout.
- Compile your modifications.
- Add the applet Signature Form Applet_PUI to the manifest administration as follows:
- Log in to the client with administrative privileges.
- Navigate to the Administration - Application screen, and then the Manifest Administration view.
- Under UI Objects, create a new record with the following values:
|
|
|
|
N |
Applet |
Physical Renderer |
Signature Form Applet_PUI |
- Under Object Expression, add the following child applet for the record created in Step c.
- Under Files, set the following file values:
|
|
N |
3rdParty/jquery.signaturepad.min.js |
N |
siebel/signviewpr.js |
- Under UI Objects, create a new record with the following values:
|
|
|
|
N |
Applet |
Presentation Model |
Signature Form Applet_PUI |
- Under Object Expression, add the following child applet for the record created in Step f.
- Under Files, set the following file values:
- Test your modifications.
- Log in to the Siebel Open UI client.
- Navigate to a view where the Signature Form Applet_PUI is exposed.
- Verify that the Signature Capture view applet displays correctly - that is, according to the customizations detailed in this procedure.
|