sButtonClass loses custom class upon unhovering
sButtonClass loses custom class upon unhovering

Hi there, wondering if anyone else has had this problem crop up..
I'm giving custom button classes to the TableTools buttons in addition to the 'DTTT_button' class they get, like this:
[code]// copy to clipboard button
"sExtends": "copy",
"sButtonText": "Copy ",
"sButtonClass": "btn btn-mini",
"sButtonClassHover": "btn hover btn-mini",[/code]
and upon page load, the button is correctly defined as
[code][/code]
and when hovering over the button it's
[code][/code]
but upon moving off the hover (unhovering) it loses the custom classes:
[code][/code]
From then on when I hover over it again it gets my custom classes, but from then on the un-hovered, default button does not use the custom classes.
Any ideas?
-Ken
I'm giving custom button classes to the TableTools buttons in addition to the 'DTTT_button' class they get, like this:
[code]// copy to clipboard button
"sExtends": "copy",
"sButtonText": "Copy ",
"sButtonClass": "btn btn-mini",
"sButtonClassHover": "btn hover btn-mini",[/code]
and upon page load, the button is correctly defined as
[code][/code]
and when hovering over the button it's
[code][/code]
but upon moving off the hover (unhovering) it loses the custom classes:
[code][/code]
From then on when I hover over it again it gets my custom classes, but from then on the un-hovered, default button does not use the custom classes.
Any ideas?
-Ken
This discussion has been closed.
Replies
Try to modified this in TableTools.js:
At line 694:
[code]
buttonDef.sButtonClassHover += " ui-state-hover";
[/code]
To this:
[code]
buttonDef.sButtonClassHover = " ui-state-hover";
[/code]
It's working for me
-Jorge