Unanswered

Rich Text Editor size issue of Model-Driven form in new look

(1) Share

Report

Posted on by carl1to

206

Hi Community,
In a Model-Driven App, I use the Rich Text editor in one of my forms from a custom table to let the user edit a multi-line text field of the table.

The component height is set to 17 lines / use all available space:

When you switch to the "New Look", the component height shown is only like 8 lines. Is this a bug or do I miss some configuration settings?

Old Design:

New Design:

I have the same question (0)

All responses (3)

Answers (0)

Redbird 59 on at

Like (1)

Report

Rich Text Editor size issue of Model-Driven form in new look

The Modern editor default settings don't come with autogrow enabled like the "classic" editor does.

I've been trying to get this working as per
https://learn.microsoft.com/en-us/power-apps/maker/model-driven-apps/rich-text-editor-control#customize-the-rich-text-editor-globally

But no success as yet.

BTW, if you go down this route, I found you can't upload a file with a .json extension. I changed my filename to RTEGlobalConfiguration.js, and uploaded it to the RTEGlobalConfiguration.json WebResource.

Was this reply helpful? Yes No
BS-12092303-0 2 on at

Like (1)

Report

Rich Text Editor size issue of Model-Driven form in new look

I am wracking my brain over the same issue. I need my main text entry fields in record form to be much taller.

Was this reply helpful? Yes No
lynfin 15 on at

Like (0)

Report
Rich Text Editor size issue of Model-Driven form in new look

I ran into this same problem. The discussion here led me to a solution, sharing details here for anyone else that may stumble on this thread.

Microsoft documents the rich text editor control, and 'customizing' it here: Add the rich text editor control to a model-driven app - Power Apps | Microsoft Learn

The customization that is relevant to this issue is Allow the editor to use the full screen. Following this configuration fixed my RTE fields, in that they now display full content without scrollbar. I tried following the instructions for a global fix but had no luck. Applying the fix to each Rich Text Editor component did fix the issue for me.

These are the steps I took:
1. Create a file called 'rteaccountformnotes.js' with the following content:
{ "defaultSupportedProps": { "toolbarLocation": "top" }, "showAsTabControl": true, "showFullScreenExpander": true }
2. Create a new Web Resource in my solution and upload the file. Note that the file contains JSON-formatted data, but must be saved/uploaded as a Javascript file

For each field that uses the Rich Text Editor, update the Rich Text Editor Control to use custom configuration, using a relative path to your web resource:

Static value: /WebResources/cra55_rteaccountformnotes

Was this reply helpful? Yes No