Last post Mar 11, 2011 05:53 PM by newCRMSupport
Aug 20, 2010 11:21 AM|Anbarasu_P|LINK
Can anyone help me with this?. I want to print all the tabs in ajax tab container. The tab container has around 10 tabs. I dont want to goto each tab and print the page. Instead is there any way by which I can tweek the print.css file to print all the tabs
at a single stretch?. So that I will get all the contents of the tab in single print. Is there any other way in which I can print all the tabs all together?.
Thanks in Advance...
Aug 21, 2010 12:13 PM|agolden|LINK
I'm sure you'll want to tweak the formatting, but this should get you started. The !important flag will cause this CSS to override the current visible settings. This will hide the tabs themselves, then display the contents of each tab sequentially.
First, hide the header div (which contains all of the tabs):
display: none !important;
Then, display all of the tab contents. The non-visible tabs are set to visibility hidden and display none, so we'll reverse those settings. I also added a small margin to separate each tab's contents, and a border around each one to help separate them.
display: block !important;
visibility: visible !important;
border: 1px solid #900;
Hope that helps.
Aug 22, 2010 06:11 AM|Anbarasu_P|LINK
Thanks a Lot Aaron,
I tested with sample Application.. Worked Perfectly... Excellent solution... You are a Star :))
Mar 11, 2011 05:53 PM|newCRMSupport|LINK
This helped alot! Thanks!