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.

Best Answer

  • wasin.w
    wasin.w admin
    Answer ✓

    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.

Answers