Siebel Open UI: Show / Hide Mandatory Controls – Configurable and Dynamic

Hello everybody! I’m back here after a while. Hope everyone is doing good. So, for past couple of weeks I am attending a training on Siebel Open UI. It’s like a long time dream come true. I am an amateur web developer and a Siebel consultant by profession. So when you get an opportunity to customize the long familiar Siebel Blue Screen (no pun intended) with all the power of HTML, JavaScript and CSS you feel like a kid in front of the Christmas tree on the merry morning.

After some random tampering with the UI, I thought of developing something working which can really be shown off in the real world. I got a nice opportunity when I came across one of the requirements from a Project for which I am currently working, for which the solution I thought can be built using only Open UI architecture. Forget about Siebel eScript, browser script etc., welcome to the world of JavaScript!

The Requirement:

In the Service Request More Info View there are two applets. Service Request Detail Applet and Service Request More Info Applet.

Based on the values of certain fields in the top applet we need to

  1. Show or hide certain fields in the bottom applet.
  2. Show mandatory icons against labels in the bottom applet.
  3. Validating said mandatory fields for IS NOT NULL before WriteRecord and show standard error message.

You are free to choose fields and values on both the applets as you see fit for your own implementation.

This should be done in such a way that this behavior should be entirely data driven.

You change data, the application behavior changes in real time.

You should use only Open UI JavaScript files, maybe some Siebel UI Configurations like Applet Web Templates.

Continue Reading