Fixing Text Area Issue in Siebel using custom PR file

Hi all,

In Open UI there is a change in behaviour of fields of type Text Area, in HI there used to be a icon in text area field on on click on that a popup opened and the data was displayed separately in popup.
But in Open UI the functionality has been replaced with dragable Field option, wherea icon apper in the botton right of field and the field can be enlarged.

We had a requirement recently to fix the Text Area field issue, we used the below appraoch.

1. Increase the dimension of TextArea field onFocus.

2. Set the values of dimensions to initial onBlur.

This does not replicates the HI behaviour but serves the purpose.
PR file looks Like

if (typeof(SiebelAppFacade.LOYHideFieldPR) === "undefined")  {  SiebelJS.Namespace("SiebelAppFacade.LOYFixTextAreaPR");  define("siebel/custom/LOYFixTextAreaPR", ["siebel/phyrenderer"],  function () {  SiebelAppFacade.LOYFixTextAreaPR = (function ()  {  function LOYFixTextAreaPR( pm )  {  /* Be a good citizen. Let Superclass constructor function gets executed first */  SiebelAppFacade.LOYFixTextAreaPR.superclass.constructor.call( this, pm );  /* Static List of Control Identifier which will be displayed in Carousel; */  }  SiebelJS.Extend( LOYFixTextAreaPR, SiebelAppFacade.PhysicalRenderer );  LOYFixTextAreaPR.prototype.ShowUI = function()  SiebelAppFacade.LOYFixTextAreaPR.superclass.ShowUI.call( this );  var pm = this.GetPM();  //Enlarge Comments field on Focus Rahul Verma  $('[aria-labelledby = "Description_Label"]').focus(function() {  $(this).css( {  'height': '147px',  'width': '488px',  'position': 'inherit',  'margin': '2px 0px',  })  });  $('[aria-labelledby = "Description_Label"]').blur(function() { $(this).css( {  'height' : '48px',  'width' : '104px' ,  'position' : 'inherit'  })  });  };  return LOYFixTextAreaPR ;  } ());  return "SiebelAppFacade.LOYFixTextAreaPR";  }); }

Hope this was helpful..

#Note : please see post http://www.siebelfoundations.com/2017/08/siebel-open-ui-enhancement-fixing-text.html for a jQuery based solution to this issue.