I have an html page in my application that is divided to "tabs" (bootstraps, but only using html - no java script unfortunately). 

I've added "Print" and "PDF" buttons using Settings -> Header option, but those only print the first tab (the tab active by default when loading the page) .

This is the style:

<style>

.tabslegal {  position: relative;   min-height: 2000px; /* This part sucks */    margin: 25px 0;} .tabsshort {  position: relative;   min-height: 1200px; /* This part sucks */    margin: 25px 0;}

 .tab {  float: left; } .tab label { font-size: 16px; background: #eee;   padding: 10px;   border: 1px solid #ccc;   margin-left: -1px;  position: relative;  left: 1px; }

 .tab [type=radio] {  display: none;   } 

.content { position: absolute;  top: 28px;  left: 0;  background: white;  right: 0;  bottom: 0;  padding: 20px;  border: 1px solid #ccc; }

[type=radio]:checked ~ label {  background: white;  border-bottom: 1px solid white;  z-index: 2;}

[type=radio]:checked ~ label ~  .content {  z-index: 1;}

</style>

Anyone with an idea how to creat a button that will print all the tabs at ones or will print the tab that is currently active ?

Thanks!!

Ravid