How to resize variable editor in requested item form

[Aayushi tandon]

Hi Everyone, I need to reduce the size of this grey box, this is variable section of the requested item table. is it possible to achieve these?

 

[Ankur Bawiskar · Accepted solution]

@Aayushi tandon 

you can try to use DOM manipulation in onLoad client script on RITM table.

Note: DOM is not recommended practice, please inform your customer

This script worked for me in case you wish to use, I adjusted the width to 500px, you can adjust as per your need

Ensure "Isolate Script" field is False for your client script to allow DOM

If this field is not on form then make it false from list view

function onLoad() {
    //Type appropriate comment here, and begin script below
    var element = document.getElementsByClassName('veditor_body');
    element[0].style.width = '500px';
}

Output:

If my response helped please mark it correct and close the thread so that it benefits future readers.

[SumanthDosapati]

@Aayushi tandon 

Did this solution solved your query? If yes please accept the solution and mark as helpful.

Regards,

Sumanth

[SumanthDosapati]

In Addition,

If you are thinking of touching the OOB macro, here are some points for you:

1. The one we updated is just applicable for Requested Item table and catalog tasks table and will not affect other tables. 
2. If you still don't want to use it, here's another approach. Copy your whole UI macro script and create a new one. Now Go to Formatters table and find the variable editor on RITM table update the formatter field with the UI macro name you created newly.
3. The above solution is much better than customising OOB or doing DOM.

[Ankur Bawiskar · Accepted solution]

@Aayushi tandon 

you can try to use DOM manipulation in onLoad client script on RITM table.

Note: DOM is not recommended practice, please inform your customer

This script worked for me in case you wish to use, I adjusted the width to 500px, you can adjust as per your need

Ensure "Isolate Script" field is False for your client script to allow DOM

If this field is not on form then make it false from list view

function onLoad() {
    //Type appropriate comment here, and begin script below
    var element = document.getElementsByClassName('veditor_body');
    element[0].style.width = '500px';
}

Output:

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Ankur Bawiskar]

@Aayushi tandon 

Hope you are doing good.

Did my reply answer your question?

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Ankur Bawiskar]

@Aayushi tandon 

I recommend not to touch the OOTB UI macro as it's OOTB and also because it will be used across multiple tables to render the variable editor and will impact everywhere.

Did you try to approach I shared using client script?

It should work fine.

As per new community feature you can mark multiple responses as correct.

If my response helped please mark it correct as well so that it benefits future readers.