Add a button that expands and collapses all data cards in your grid No changes needed for this extension to function
Type: Javascript
jq( document ).ready(function() {
var openDataCardsButton = "<button class='gbBtn openDataCards' type='button' style='vertical-align: top;'><span class='icon-wrap on' style='vertical-align: sub;'></span></button>";
var areDataCardsOpen = false;
jq('.gridBtnsContainer').append(openDataCardsButton);
jq('.gridBtnsContainer').on('click', '.openDataCards', function() {
if (!areDataCardsOpen) {
jq('tr.dr.dataCard').attr("style", "display: table-row!important");
areDataCardsOpen = true;
} else {
jq('tr.dr.dataCard').attr("style", "display: none!important");
areDataCardsOpen = false;
}
});
});