Text Area rows and columns setting has not effect on the Rich Text HTML editor - New UI - Forum - Rollbase - Progress Community

Text Area rows and columns setting has not effect on the Rich Text HTML editor - New UI

 Forum

Text Area rows and columns setting has not effect on the Rich Text HTML editor - New UI

This question has suggested answer(s)

Hello,

I just noticed the setting to set the rows and columns of the Rich Text HTML editor in the design page has no longer has any effect on the size of the Rich Text HTML Text area editor. Is there another way to achieve this now in the New UI? Kindly let me know.

Cheers.

All Replies
  • Hi,

    These properties are not applicable for Rich Text Editor. Please follow the below steps to adjust Rich Text Editor width & height.

    1) Navigate to Design this page

    2) Add a script component (Drag and drop from left side to section of Text area).

    3) Paste the following code

    <script>

       $(document).ready(function () {

           $("iframe").width(678);

           $("iframe").height(526);

       });

    </script>

    4) Click on save

    Thanks

    Srinivas

  • Hello @Srinivas,

    The width setting does not work unfortunately. The width still stays the same. Any suggestions on how I can fix that please?

  • In New UI, TextArea field which is rendered as Rich Text Editor has been re-done using kendo controls & does not honor rows & cols settings.

    Instead, to set dimension of TextArea - Rich Text Editor control, set dimensions on a wrapper div with class identifier 'rbs-editField-valueContainer-richTextEditor'.

    Eg (via scripts):

    var fieldContext = rbf_getFieldContext('TextAreaR'); //textArea field integration name

    if (fieldContext) {

     var textAreaEl = fieldContext.getNode();

     var wrapperDiv = textAreaEl && textAreaEl.closest('.rbs-editField-valueContainer-richTextEditor');

     if (wrapperDiv) {

       wrapperDiv.width('50%');

     }

    }

    Eg (via stylesheet):

    //will apply for all rich text editor controls in a page..

    .rbs-editField-valueContainer-richTextEditor {

       width: 50%;

    }

    Regards,
    Siraj.