Inconsistent toolbar button appearance
Inconsistent toolbar button appearance
I have an app with three tabs. Each tab contains a DataTable. I am using this code
[code]
"sDom": '<"H"<"toolbar">fr>t<"F"ipl>'
[/code]
in each of the dataTable definitions. I am using this code to setup a toolbar (each toolbar of course has a different value and id).
[code]
$("div.toolbar").replaceWith('');
$("#addTicketTypeButton").button().click(function() {
popUpWindow('${rootURL}/peopleAndProds/ticketTypes/-1', 'ticketTypeAdding', 300, 500);
});
[/code]
Everything works great, except for one small problem. Two of the Add... buttons are styled like my other jQuery buttons and one is not. I have tried all sorts of ways of rearranging the tabs and cannot find a way to get the buttons to match.
[code]
"sDom": '<"H"<"toolbar">fr>t<"F"ipl>'
[/code]
in each of the dataTable definitions. I am using this code to setup a toolbar (each toolbar of course has a different value and id).
[code]
$("div.toolbar").replaceWith('');
$("#addTicketTypeButton").button().click(function() {
popUpWindow('${rootURL}/peopleAndProds/ticketTypes/-1', 'ticketTypeAdding', 300, 500);
});
[/code]
Everything works great, except for one small problem. Two of the Add... buttons are styled like my other jQuery buttons and one is not. I have tried all sorts of ways of rearranging the tabs and cannot find a way to get the buttons to match.
This discussion has been closed.