Add some space between buttons

Add some space between buttons

nm_alexnm_alex Posts: 26Questions: 0Answers: 0
edited April 2011 in TableTools
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

Replies

  • allanallan Posts: 54,882Questions: 1Answers: 8,601 Site admin
    .DTTT_button { margin-right: 10px } perhaps?

    Allan
  • nm_alexnm_alex Posts: 26Questions: 0Answers: 0
    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.
This discussion has been closed.