jQuery UI Widgets Forums Editors Button, RepeatButton, ToggleButton, LinkButton Theme not working on Button 4.3.0

This topic contains 7 replies, has 2 voices, and was last updated by  Dimitar 3 years, 4 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • Theme not working on Button 4.3.0 #88513

    fredmichel
    Participant

    Hi,

    I recently updated my Jqx Library to 4.3.0. Instead of loading the indivitdual Libraries, I used the jqx-all.js.

    For some reason, the theme is applied to all the elements of the page, but not the Button. I tested and reverted back to the previous version of Jqx and the theme darkblue is applied correctly to the Buttons. The minute I switch back to 4.3.0 it no longer works.

    Is it a Bug or is it something I am not doing right?

    Libraries

    <link href="/Portal_CSS.css" rel="stylesheet" type="text/css"> 	
    <link rel="stylesheet" href="/lib/jqwidgets/4.3.0/jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="/lib/jqwidgets/4.3.0/jqwidgets/styles/jqx.darkblue.css" type="text/css" />
    	
    <script type="text/javascript" src="/lib/jqwidgets/4.3.0/scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/lib/jqwidgets/4.3.0/jqwidgets/jqx-all.js"></script>

    Document ready function
    $("#jqxButton").jqxButton({ width: 120, height: 40 });

    Button call
    <div> <input type="button" value="Update" id='jqxButton' /> </div>

    Thank you.

    • This topic was modified 3 years, 5 months ago by  fredmichel.
    Theme not working on Button 4.3.0 #88522

    Dimitar
    Participant

    Hi fredmichel,

    theme is a property you need to set, i.e.:

    $("#jqxButton").jqxButton({ width: 120, height: 40, theme: 'darkblue' });

    Here is also a live example showing a jqxButton with a theme applied to it: http://jsfiddle.net/jqwidgets/KwyHe/.

    Please also make sure you do not have a reference to demos.js on your page.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Theme not working on Button 4.3.0 #88594

    fredmichel
    Participant

    Hi Dimitar,

    Thanks for the reply. I tried that but it doesn’t work either. But when I switch back to the previous version it works. its just like the Buttons doesn’t accept the css in the new version.

    And I do not have the demo.js in my header.

    Theme not working on Button 4.3.0 #88609

    Dimitar
    Participant

    Hi fredmichel,

    Please make sure you have updated all jQWidgets files to version 4.3.0 – both .css and .js files – and that your browser has not cached any of the old versions of the files.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Theme not working on Button 4.3.0 #88673

    fredmichel
    Participant

    Hi Dimitar

    It seems that its a Bug with IE11. It works fine in Chrome and Firefox. There is always a weird issue with IE

    Theme not working on Button 4.3.0 #88690

    Dimitar
    Participant

    Hi fredmichel,

    We tested the aforementioned example (http://jsfiddle.net/jqwidgets/KwyHe/) in Internet Explorer 11, but it works as expected.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Theme not working on Button 4.3.0 #88802

    fredmichel
    Participant

    Hi Dimitar,

    Thanks a lot but it’s still not working for IE for darkblue. Everything is ok for energyblue…but darkblue refuses to work.

    I wonder if it has something to do with the fact that I user jqx-all.js instead of the specific libraries for each object.

    Theme not working on Button 4.3.0 #88814

    Dimitar
    Participant

    Hi fredmichel,

    Here is a working example with the darkblue theme applied: http://jsfiddle.net/Dimitar_jQWidgets/25sffnnf/. The files that have been loaded are:

    • jqx.base.css
    • jqx.darkblue.css
    • jqx-all.js

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

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

You must be logged in to reply to this topic.