Re-sizing a reference variable width in the item and/or task

A523
Kilo Contributor

Hello,

        I found an article on how to re-size a reference variable in the catalog item. Here is the link https://community.servicenow.com/thread/177647

Here is the code used

var myVar = $('sys_display.' + g_form.getControl('<variable name>').id); //Get the correct reference element

myVar.style.width = '350px'; //Set the width


    It works well in the catalog item but it does not work in the item or task. I tried to change the name and tried a few other options that I found

  g_form.getControl('variables.name').style.width = '350px';

  for (var i = 0; i < g_sc_form.nameMap.length; i++) {

      if (g_sc_form.nameMap[i].prettyName == '<variable name>') {

          g_form.getControl(g_sc_form.nameMap[i].realName).style.width = '350px';

      }

  }

So far, no luck.

Any of you have some other ideas to get it to work in the item and task as well.

Thanks...Jim

17 REPLIES 17

is that a "1" in style vs "l"(L) ?


Nope. It's a "L".



Here it is copied and pasted.   I would expect to get an error on the catalog item as well if it was a syntax error.



g_form.getDisplayBox('resource_name').style.width = '500px';


What browser are you using?


I am using IE10 as the standard, but have also tried on Chrome and Firefox with the same results.


Johnny,



On the catalog item you can have name conflicts with variables vs task fields, so you need to be careful about script and naming. One approach that should work in both places would be the following:



// Dynamically update a Catalog Variable width


function onLoad () {


    if (typeof g_sc_form !== 'undefined') {


          g_sc_form.getDisplayBox('field_name').style.width = '350px'; // Works better on Req Items / Cat Tasks


    } else {


          g_form.getDisplayBox('field_name').style.width = '350px'; // Works better on Cat Items


  }


}