Adding additional font family in conditional formatting dialog

Hello,

Thank you for reaching out to us.

This functionality can be achieved by overriding the code from flexmonster.toolbar.js. To add a new font, you should modify the FlexmonsterToolbar.prototype.defaults.fonts array containing a list of available fonts. Note that any toolbar modifications should be included in the beforetoolbarcreated event handler to ensure that changes are made after the toolbar script is loaded:

beforetoolbarcreated: (toolbar) => {
    FlexmonsterToolbar.prototype.defaults.fonts.unshift("'Roboto', sans-serif");
}

Also, ensure all custom font families added are imported to the page.

You are welcome to check the JSFiddle example: https://jsfiddle.net/flexmonster/md5yk406/ 

Please let us know if this solution works for you.

Best Regards,
Maskym

Hello, 

Thank you for your reply.

Please note that changing the default settings of the newly added condition is not supported. We are planning to add functionality to Flexmonster in an upcoming minor release. Our team will contact you when this feature is ready, ETA Apr 15th.

Speaking of adding the new font family to conditional formatting in Angular, the solution would be the following:

(this.pivot.flexmonster.toolbar as any).defaults.fonts.unshift("'Roboto', sans-serif");

Note that to use this, you would have to define the FlexmonsterPivot object in the following way:

@ViewChild('pivot')
pivot!: FlexmonsterPivot;

Feel free to contact us if any questions arise.

Best Regards,
Maksym

Hello,

We are pleased to inform you that it is now possible to override default formatting styles in the conditional formatting view. To modify the styles, use the toolbar.defaults.defaultConditionalFormat object. Please check the following example for illustration: https://jsfiddle.net/flexmonster/e8rdch10/

This feature is available in the 2.9.75 version of Flexmonster: https://www.flexmonster.com/release-notes/version-2-9-75/

You are welcome to update the component. Here is our guide on upgrading to the latest version: https://www.flexmonster.com/doc/updating-to-the-latest-version/

Please let us know if the feature works. Looking forward to hearing from you.

Kind regards,
Nadia

Hello, 

Hope you are doing well.
We are wondering if you had time to try the new feature for overriding the default conditional formatting.
Please let us know if it works for you.

Best Regards,
Maksym 

Hello,

Thank you for your reply.

To make the custom font available in the UI dropdown, you should first add it to the default fonts array:

toolbar.defaults.fonts.unshift("'Roboto', sans-serif");

After this, the font will be visible and selectable from the conditional formatting UI. Additionally, you would be able to predefined it as default. You are welcome to check the example: https://jsfiddle.net/flexmonster/8puxoaw1/ 

Please let us know if our answer helped you.

Best Regards,
Maksym