The new features of Siebel Open UI allow us to improve the user experience
in many aspects. In this post we will explain how to introduce
“custom” JavaScript code into Siebel applets.
The steps we have to take to introduce our own JavaScript in Siebel Open UI
are the following:
- The JavaScript files that we develop must be saved in the following path: “C:\sba81\sweapp\PUBLIC\enu\23021\scripts\siebel\custom” (the name of the “23021” folder may vary depending on our installation).
- These JavaScript files will typically be Presentation Model and Physical Renderer.
- A Presentation Model is a JavaScript file that specifies how to handle the metadata and data that Siebel Open UI obtains from the Siebel Server, and then displays this information in a list applet or form applet. It allows you to customize behavior, logic, and content. The logic to be applied is determined, captures the interactions of the application, etc., such as when the user leaves the focus of a control, collects field values, or establishes properties.
- A Physical Renderer is a JavaScript file that Siebel Open UI uses to create the user interface. Allows the use of custom JavaScript code or third-party programs to make the user interface.
- Once we have the new JavaScript in the “custom” folder, we must add them to the “custom_manifest.xml” file which is located in the following path: “C:\sba81\siebsrvr\OBJECTS”
- For the Presentation Model we have to add a “KEY” within the section with the name we want to give it and where we indicate the location of the developed JavaScript, in the following example we add the file “testPM.js” to the “KEY” “testPModel “:
For the Physical Renderer we also have to add a “KEY”, in this case within the section and subsection, since we want the changes to be for the “Desktop” version of Siebel. In this “KEY” we indicate where the developed JavaScript and the JavaScript of external programs are located if they have them, in the following example we add the file “testPR.js”, “programaExterno.js” and “jqueryExterno.js” to the ” KEY” “testPRend:
- That is, in this case we would be using an external program whose files must be saved in the 3rdParty folder: “C:\sba81\sweapp\PUBLIC\enu\23021\scripts\3rdParty\programaExterno”
- The next step is to add the Presentation model and the Physical renderer developed to the “manifest_extensions.map” file, which serve to relate the code that we have created with the Siebel applets that will use them. The “manifest_extensions.map” file is located in the path “C:\sba81\siebsrvr\OBJECTS” and we have to add a code similar to the following example:
[Presentation_Model]Contact Form Applet = pruebaPModel[Physical_Renderer]Contact Form Applet = pruebaPRender
The standard file that Siebel offers us already comes with the [Presentation_Model] and [Physical_Renderer] headers, so we only have to add the applets in which we want our JavaScript code to work. That is, we indicate which Presentation model and which Physical renderer we are going to use in each Siebel applet.
Finally, we must compile the applet on which we are going to apply the JavaScript and once these steps have been completed, our JavaScript will work in Siebel Open UI.
