jQuery UI Widgets Forums General Discussions Applying new theme

Tagged: 

This topic contains 5 replies, has 3 voices, and was last updated by  Peter Stoev 4 years, 9 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • Applying new theme #106541

    nikitaso
    Participant

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

    thank you

    Applying new theme #106545

    Martin
    Participant

    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/

    Applying new theme #106550

    nikitaso
    Participant

    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

    Applying new theme #106554

    Peter Stoev
    Keymaster

    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/

    Applying new theme #106605

    nikitaso
    Participant

    anyway to create custom name?

    like if i want to name theme “christmas”

    thanks

    Applying new theme #106607

    Peter Stoev
    Keymaster

    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/

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.