Change of font size and colour in multiple-line text field that has been enabled using Rich Text Control

(0) Share

Report

Posted on by M Jacquin

As background information, a lot of multiple-line text fields ended up being populated with HTML formatting code as part of a migration exercise conducted in Jan 2019. The following illustrates an example of what is displayed in a multiple-line text field (all confidential text was blacked out) for those pre Jan 2019 client records:

Since the migration occurred in Jan 2019, users have been adding information into the multiple-line text fields of the client records in question so 2 years down the track, we now have client records with a mixture of pre Jan 2019 showing HTML code and properly formatted text.

With 2020 Release Wave 1, the Rich-Text Control was released and after enabling it against the multiple-line text fields, the pre Jan 2019 HTML code was removed to just show the text that had been migrated over (ie, which was fantastic for users as they could now read pre Jan 2019 text). The downside is that the information that had been entered after Jan 2019, is now showing with a smaller font size and in a different font colour (light grey) which has made it extremely difficult for users to read).

My questions are as follows:

1. Has anyone encountered this situation (ie, whereby the font size and colour changed as soon as the Rich Text Control was enabled) and if yes, what solution was implemented to fix this situation?

2. Is there a property against the Rich Text Control which dictates the font type, size and colour for the text displayed in the multiple-line text field? If yes, where can I find it?

Many thanks in advance.

Michael

All responses (3)

Answers (1)

Item Actions column... 10 on at

Like (0)

Report

RE: Change of font size and colour in multiple-line text field that has been enabled using Rich Text Control

Hi,

I tried the same way but didn't work as expected. Not sure about the issue.

I created web resource

and mapped to the control.

here is my code that I used

Thanks,

Padmaja
M Jacquin 85 on at

Like (0)

Report

RE: Change of font size and colour in multiple-line text field that has been enabled using Rich Text Control

That is exactly what I was after. Thank you so much.
Verified answer

Nya 29,060 on at

Like (1)

Report
RE: Change of font size and colour in multiple-line text field that has been enabled using Rich Text Control

Hi, Michael

You can change the default font-size and font-family with the "stickyStyle".

Here is a documentation about how to set the format of rich text editor: Use the rich text editor control in Power Apps - Power Apps | Microsoft Docs

Sample Code:

{ "defaultSupportedProps": { "font_defaultLabel": "Brush Script MT", "font_names": "Brush Script MT/'Brush Script MT', cursive;Calibri/Calibri, Helvetica,sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;", "fontSize_defaultLabel": "20", "fontSize_sizes": "8/8px;12/12px;20/20px;32/32px;", "color":"#3498db", "stickyStyle": { "font-size": "20px", "font-family": "'Brush Script MT', cursive" } } }

Create a Web Resource with the code above.

Insert the URL into the Rich Text Editor Control for the field as a Custom configuration URL.

The default font-size and font-family can take effect after publishing the form.

However, it cannot set other default properties apart from font-size and font-family, such as color, for only font-size and font-family is wrapped in the JS code of stickyStyle plugin.

It is recommended to change the color of the text by using the Text Color tool.

If this helped you, I'd appreciate it if you'd mark this as a Verified Answer, which may in turn help others as well.

Best Regards,

Nya