question

Upvotes
Accepted
3 0 1 3

Custom theme for Element Framework

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.

#productcsselement-frameworkstyleguide
icon clock
10 |1500

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Upvote
Accepted
26.3k 60 17 14

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:

css-font.png


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

Hope this helps.


css-font.png (16.0 KiB)
icon clock
10 |1500

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

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?
Upvotes
26.3k 60 17 14

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.

contact-element-framework.png

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

Hope this helps.


icon clock
10 |1500

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Write an Answer

Hint: Notify or tag a user in this post by typing @username.

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.