Larger Default Font on Rich Text Display Box

Unknown

Larger Default Font on Rich Text Display Box

Unknown

How can I set the default font on a Rich Text Display box? I have a data repeater that is showing a series of Rich Text Notes. The default seems to be Arial 9, I would like that to be Trebuchet MS at 16pt.

I dont see any way to set the default font.

Unknown

Hi Rob,

In order to change the default font on the Rich Text Display component, we are going to need to use CSS on its default class. I have attached a CSS which will modify your Rich Text Notes to MS Trebuchet font with size 16pt.

To use this, youll need to add the CSS file at System → Designers → CSS. Then, navigate to the Form where youd like to apply these changes and select the CSS file under the Style Sheets properties.

[img]att2[/img]

This will apply the modifications on all Rich Text Display components on your Form.

Refer our documentation on [url=https://documentation.decisions.com/docs/using-css-forms]Using CSS with Forms[/url] and [url=https://documentation.decisions.com/docs/css-styling-form-controls]CSS Styling Form Controls[/url] for more information on using CSS in Decisions.
[i]edited by kshitij@decisions.com on 1/28/2020[/i]

Unknown

Thank you, that worked - BUT - I am using this Rich Text Box in a data repeater. When I apply the CSS sheet and the class in the Data repeater form, it does not seem to apply it. When I apply the CSS doc to the form that holds the data-repeater, it is then applied to ALL the rich text boxes on the page - even when I have no CSS class selected for the other boxes.

Im guessing I should add a seperate class to the CSS and use that on the other fields, but this is not how I expected CSS to work.

Unknown

I see. This happened because the CSS applied was on the default Rich Text Display class which then applied the change to ALL Rich Text Displays on the Form. If we want to apply the changes on only specific components, we need to use a custom CSS class and then select this for the component.

I have attached an updated CSS document. Youll need to add this at System → Designers → CSS, then open up your Form containing the Repeater and select the CSS in the Forms StyleSheets properties. Then, open your Data Repeater Form, select the CSS in the Forms StyleSheets properties and choose the class for the component. This will ensure only the Rich Text Displays in your Data Repeater are modified.
[i]edited by kshitij@decisions.com on 1/29/2020[/i]