Applying new theme

[nikitasoParticipant]

How do you apply new theme? after building in new theme builder

thank you

[MartinParticipant]

Hello nikitaso,

After you have modified a theme and exported the generated css file, you should import the file in your project
and set the widgets’ theme property to the original theme that you have used to modify, for example: ‘light’.

Let us know if you need further assistance.

Best Regards,
Martin

jQWidgets Team
https://www.jqwidgets.com/

[nikitasoParticipant]

i did that and it doesnt work

i created new theme in 2.0 theme builder, named it ‘my-theme’, exported to css file, set widget theme to ‘my-theme’ but nothing, if i open that file there is no reference to new name, in previous version style sheet classes had theme name

im confused how to use it

[Peter StoevKeymaster]

Hello nikitaso,

The Color Sheme Name input field defines the file name.

For example:

1. Color Sheme Name is: ‘theme’. The exported file is theme.css.
2. Add reference to ‘theme.css’ after jqx.base.css
3. Set the component’s ‘theme’ property to ‘light’, if you started creating a new theme as the ‘light’ theme as a Base. If you started from the material theme, you need to set the theme to ‘material’.

Best Regards,
Peter

jQWidgets Team
https://www.jqwidgets.com/

[nikitasoParticipant]

anyway to create custom name?

like if i want to name theme “christmas”

thanks

[Peter StoevKeymaster]

Hello nikitaso,

When you export the file, replace the -light with your custom string. Set the component theme property to your custom string. The same approach is used for all our themes.

Best Regards,
Peter

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts