This works just fine!

I’ve tried this solution on a ‘select box’ variable type and on a ‘date/time’ variable type and reduced the field size.

Example Jelly:

[code]

input[id=”IO:********************************”] {
background-color: orange;
color: black;
}

[/code]

The „IO:********************************” token could be found by examining the DOM or could be deduced knowing that it is in fact the sys_id of the variable to be styled prepended by the suffix „IO:”.

In case of reference variables one should use the prefix „sys_display.IO:” instead of „IO:”; e.g:

[code]

input[id=”IO:********************************”] {
background-color: orange;
color: black;
}

input[id=”sys_display.IO:********************************”] {
background-color: orange;
color: black;
}

[/code]

Of course this could be enhanced by employing all sort of CSS selectors and pseudo-classes; simple example:

[code]

input[id=”IO:********************************”] {
background-color: orange;
color: black;
}

input[id=”sys_display.IO:********************************”] {
background-color: orange;
color: black;
}

input[id=”sys_display.IO:********************************”]:hover {
background-color: pink;
color: black;
}

[/code]

All of the above works in Helsinki – haven’t tested with other versions.

Did anyone ever figure this out?

No. g_form.getControl isn’t currently available in the Service Portal scripting API.

I don’t have any other Helsinki workaround at the moment unfortunately. If anybody else can figure it out I’d love to post a solution here.

I’m also working in Helsinki and your suggestion of using the following syntax g_form.getControl(‘yourvariablename’).setAttribute(‘style’, ‘width:450px !important’); doesn’t seem to work. Do you have any other suggestions or new findings? Thanks!

Thanks Mark. I’ll give it a try.

Helsinki continues ServiceNow’s march towards breaking any sort of configuration flexibility in the tool. Very frustrating, but there are still some workarounds you can try. You can try something like this but it might cause other problems with field decorations, etc.
g_form.getControl(‘yourvariablename’).setAttribute(‘style’, ‘width:450px !important’);