Hello All,
With OpenUI siebel UI/UX has unlimited room for innovations and development.
So i tried to make some changes in UI to get the feel of modern HTML5 based applications, a Timeline is what i tried to convert an applet into.
The Idea is pretty simple, for the business entities that displays data relative to time, show that in a timeline view to make the UI better, Informative and easy to understand for end user.
below is what i achieved, there can be a lot of improvement/modification in this which you can try
The Solution ,
Note ,
the main work here is how to pass Siebel data to HTML i.e. how to pass list applet data to HTML container.
for this we can use, GetRecordSet
And data can be extracted from array b , in below format
b[i] [j]
i refers to the index of record
and
j refers to the column
e.g.
var a = b[0]['City']; // city for first record of applet
var c = b[0]['Street Address']; // Address for first record of applet
With OpenUI siebel UI/UX has unlimited room for innovations and development.
So i tried to make some changes in UI to get the feel of modern HTML5 based applications, a Timeline is what i tried to convert an applet into.
The Idea is pretty simple, for the business entities that displays data relative to time, show that in a timeline view to make the UI better, Informative and easy to understand for end user.
below is what i achieved, there can be a lot of improvement/modification in this which you can try
- A Timeline view of Applet
The Solution ,
- Need to Identify the business entity , i am using address for illustration, others can be Audit Trail, Activity Stages, Opportunity / SR Life Cycle, Sales/ Service History, Interaction History.
- Identify the timeline, there are couple of Options available on the net i am using one form w3schools https://www.w3schools.com/howto/howto_css_timeline.asp
- Embed the HTML and CSS in your PR file, you can either write inline CSS or create a separate CSS file
Note ,
the main work here is how to pass Siebel data to HTML i.e. how to pass list applet data to HTML container.
for this we can use, GetRecordSet
var pm = SiebelApp.S_App.GetActiveView().GetActiveApplet().GetPModel(); // for Application level PR var pm = this.GetPM(); // for Applet level PR b = pm.Get("GetRecordSet"); // for getting the record in Array b |
And data can be extracted from array b , in below format
b[i] [j]
i refers to the index of record
and
j refers to the column
e.g.
var a = b[0]['City']; // city for first record of applet
var c = b[0]['Street Address']; // Address for first record of applet
Working Code,
https://drive.google.com/open?id=1GkUbBiGw_WG0Z_uLFCfpfXwLZeVLSNaY
