Add some space between buttons

nm_alex

Hi!

Is there a (built-in) way to add some space between the buttons of TableTools? When using a dark jquery UI design, it's kind of hard to see where on ebutton ends and another begins.
And no, it is not an option to switch to a light design. However, I'm able to manipulate the css of the design.

Kind regards,
Alex

allan

.DTTT_button { margin-right: 10px } perhaps?

Allan

nm_alex

Hm, that's a good start. I didn't get it to work but will continue to try it.

For anyone interessted, here is some code.

This is a div where i put the DTT in:
[code]




[/code]

I di this via:
[code]
var oTableTools = new TableTools( oTable, {
"sSwfPath": "lib/TableTools-2.0.0/media/swf/copy_cvs_xls_pdf.swf",
"sRowSelect": "none",
"aButtons": [
{
"sExtends": "text",
"sButtonText": "test",
"sButtonClass": "special_dark_ui_button_class"
},
{
"sExtends": "text",
"sButtonText": "test",
"sButtonClass": "special_dark_ui_button_class"
}
]
} );
$('#TableToolsPlacement').before( oTableTools.dom.container );
[/code]

And then I try to style the buttons via:
[code]
$('.special_dark_ui_button_class').css('padding-right', '50px;');
[/code]

However, JqueryUI seems to override it. If I use some other attribute, e.g. display, it's applied. The selector works.