Theme not working on Button 4.3.0

[fredmichelParticipant]

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.

[DimitarParticipant]

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/

[fredmichelParticipant]

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.

[DimitarParticipant]

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/

[fredmichelParticipant]

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

[DimitarParticipant]

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/

[fredmichelParticipant]

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.

[DimitarParticipant]

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/

[Author]

Posts