Change the default "size" / height of HTML field on form

[Shane Butler]

Hi Community,

We have an issue on our Change Request form where we have introduced a custom field (HTML type) and when the form loads, the HTML field needs to be expanded to show all of the content in the "default" value.

Any Guru able to shed some light on how to adjust the default size / height of the HTML form field so the content shows?
I am aware of the user options 1 and 2 below once the form loads - however I am chasing a more permanent fix for all users rather than a record by record once it is loaded.

Would appreciate any assistance / guidance 😄

[Raymond8]

Better to set the style as height:100% !important;

[David Lundy]

I'm having the same problem in the Demand table's "Business Case" tab.  I tried creating a Style as suggested, but nothing happens.  Any suggestions on what I'm doing wrong?  This is in Tokyo build.

Setting the style without !important; doesn't work either.

[Jon G1]

I'm having the same problem. Apparently this is "Expected Behavior" as of Tokyo - make sure you provide feedback on this knowledge article. They acknowledge that the behavior is different than what users expect but don't provide any workaround.

[Jesper Slot]

Bit of an old post, but others might stumble upon it...
I found that you can set the dictionary attribute (as has been suggested here) to a maximum of "435", so: editor.height=435

.. of cause I started with 1000, so that didn't work, but up till 435 does. 

But additionally, if a user has resized the window (which I had with my admin user), there will be a user property, so go to sys_user_preference_list.do and search for *tinymce_height.tablename and remove those, as whey will override your dictionary attribute.

[Peter Bodelier]

Hi @Shane Butler 

Create an onload Client script on change_request table.

function onLoad() {

tinymce.on('addeditor', function(event) {
  var selectedElement = tinymce.get('change_request.u_description');
    selectedElement.settings.height = 700;
    selectedElement.settings.max_height = 1500;
    selectedElement.settings.min_height = 1000;
}, true);		

}

Please check the field name in the script. I've used u_description for now.

This should result in a larger editor: