Custom theme for Element Framework

pavlova.iryna.s

Hi,

Is there any guide for customizing\extending existing themes of Element Framework - https://ui.refinitiv.com/start/styling ? Or maybe an ETA for the feature mentioned here: https://ui.refinitiv.com/#non-refinitiv-products)?:

Non-Refinitiv Products
Themes are designed to be extended, allowing styling changes to fit branding and device specifications.

Our next generation of custom theming is in development and will allow on-the-fly changes to component styles. This aligns with the removal of IE support later this year.

Also I am interested in how to properly change a font due to license: https://ui.refinitiv.com/quick-start#font-licensing . I assume that should be a part of a new theme as well.

Find more posts tagged with

styleguide

css

#product

element-framework

Accepted answers

wasin.w

Hello @pavlova.iryna.s

Thank you for contacting us. Please find the answers from the Element team below:

Firstly, you can change the styles of the components (including the font) to match your requirements using the CSS.

Example CSS:

font-family: sans-serif;
color: red;
font-style: italic;

Result:

Secondly, the estimated time for releasing the new theme feature is at the end of this year.

Hope this helps.

All comments

wasin.w

Hello @pavlova.iryna.s

Thank you for contacting us. Please find the answers from the Element team below:

Firstly, you can change the styles of the components (including the font) to match your requirements using the CSS.

Example CSS:

font-family: sans-serif;
color: red;
font-style: italic;

Result:

Secondly, the estimated time for releasing the new theme feature is at the end of this year.

Hope this helps.

pavlova.iryna.s

What about commercial licenses? Is Element Framework and its themes allowed to be used by commercial products? Can we override styles with our own and use it? Anything we should pay attention to not violate the licenses?

wasin.w

Hello @pavlova.iryna.s

Thank you for contacting us. Unfortunately, I cannot help you with this license question. I highly recommend you contact the Element Support Team directly by clicking the "Support --> Contact Us" menu on the https://ui.refinitiv.com/ website.

Then you can discuss with the team about the style customization and licensing in more detail.

Hope this helps.

EXPLORE OUR SITES