How to increase text field width?

[Wirasat]

I have a text field of string type. I am trying to increase its width to 300px using onLoad client script. But, its not working. I tried it in field style option as well but didn't work either.

g_form.getControl('email_address').style.width = '300px';

However, other properties in the same script works fine .

g_form.getControl('email_address').style.backgroundColor = 'yellow';
g_form.getControl('email_address').style.color = 'blue';

[Bhawana Upreti]

Hi, Can you please try the below script once.

function onLoad() {
   //Set styles for the 'email_address' variable
   var myVar = $('sys_display.' + g_form.getControl('email_address').id);
   myVar.style.width = '350px';
   myVar.style.backgroundColor = 'yellow';
   myVar.style.color = 'blue';
   myVar.style.fontStyle = 'italic';
   myVar.style.fontWeight = 'bold';
}

Thanks.

[Wirasat]

Did not work.

[Bhawana Upreti]

Wirasat,

Can you please provide your code.

Thanks.

[Bhawana Upreti]

Are you working on Catalog client script or its just a simple client script ??

Thanks.