Siebel Open UI Enhancement : Fixing Text Area using jQuery

Hello All,

In this post i will provide some alternate solution to text area type fields which in Open UI have elastic control property.
In HI mode there used to be an icon on Text Area fields and on click of the icon a new popup opened and we could write and read the text easily which has been replaced by elastic control in open UI.

here, we are calling a jQuery plugin to dispaly the content of text area in a popup.

also, the issue can also be fixed without using 3rd party jquery plugin but that solution is restrictive, you can refer the link http://www.siebelfoundations.com/2015/09/fixing-text-area-issue-in-siebel-using.html

Features 

• Content of Text Area field displayed in Separate window popup
• UI is Blocked till we explicitly close the popup
• We can call the popup in multiple events like mouse hover, Click , Double click
• We are using lobibox plugin from https://lobianijs.com/site/lobibox

Working demo is as shown below

Sample Code

$('[aria-label="SR Description"]').click(function(){

Description = pm.ExecuteMethod( "GetFieldValue", cntrl );

Lobibox.window({title: 'Description of Field',

content: Description});

});

here, Lobibox.window({title: 'Description of Field', content: Description}); is calling the popup with title and value of text are as content

Sample Video 

you can email me for the exact PR file. Your comments are suggestion are most welcome.