Table Tools Messages and Bootstrap 3

Table Tools Messages and Bootstrap 3

qttimqttim Posts: 1Questions: 0Answers: 0
edited January 2014 in TableTools
When using Bootstrap 3 with Table Tools, the print message that tells the user to press escape does not show up.

This is because the dataTables.bootstrap.js file that extends the classes adds the class 'modal' to the message.

Bootstrap has this class with a property of display:none on it. You have to make the call for bootstrap to show the modal.
You can change the TableTools.js file function to show/hide it (approx. line 630), but I didn't care for the look of it doing it this way.
[code]
"fnInfo": function ( message, time ) {
var nInfo = document.createElement( "div" );
nInfo.className = this.classes.print.info;
nInfo.id = "tabletoolsprintinfo";
nInfo.innerHTML = message;

document.body.appendChild( nInfo );
//added to show the modal
$(nInfo).modal('show');
setTimeout(function () {

$(nInfo).fadeOut("normal", function () {
document.body.removeChild( nInfo );
} );
//added to hide modal
$(nInfo).modal('hide');
}, time );
},

[/code]

I instead removed the modal class from the dataTables.bootstrap.js file on line 234 to remove the modal class...
[code]
//removed modal class
"info": "DTTT_print_info"
[/code]
This discussion has been closed.