Apply CSS class to PDF Print/Download Button

This is a way to add a class to your print/download button. This way, you can edit the CSS of the print button specifically to your liking. 

Step 1

Hover over the info icon of your PDF print component to get the component ID.

Step 2

Add the following code to the JavaScript tab of the page to create a CSS class.

Remember to change the component ID to match the one you found in step 1. You may change the class selected to btn-small to match other buttons on your page or btn-print to customize this button specifically. 

TB.render('component_XX', function(data) {
    data.ele[0].children[0].classList.add("btn-sm");
});

Step 3

Add the class selector to your CSS tab and customize it as desired.

Original Community Post:

Apply CSS class to PDF Print/Download Button - Community Discussions / Tips and Tricks - Tadabase Community