I have 2 Tabs on my main page and I do not want them to appear in the printing. Following code changes in CSS file works for Firefox but not with IE7. Please help.
Thanks Greg! td[id="form:tabname"]{display:none;} is working now however I had put semicolon after none. Not sure what difference it made. Anyways I have another issue, I need to print all TAB content when I give print command. I mean when main page is sent to the printer it should print TAB content too. Any help will be appreciated.
Tabs will have an id or class, which allows the script to hide and show them. In the default stylesheet for the screen, these will not be displayed and the script will display individual ones based on what tab you click. For the print stylesheet, you would change their display from none to block to begin with.
Just to clear up the above CSS issue. That is NOT Firefox specific code (those begin with -moz-), it is simply CSS3 selector. However, given that you're referencing an id, that is much easier done with a normal CSS selector for ids (#). I can imagine though that having a colon in the id name would cause issues in CSS, since in CSS colon is a delimiter for pseudo classes. Still, you might try this to see if it works in more browsers:
Code:
td#form:tabname {
display: none;
}
If it was up to me, I would remove the colon from the ID name in the first place and then the code above would work perfectly in new and older browsers.
Thanks! I made changes in print.css file and changed display to block ( td[id="form:tabname2"] {display : block !important}.) Now I can see tabname2 in print preview with Main tab but still on the same page.Do I have to use page break to display tabname2 on the separate page.Please help.I tried below code but it did not work for me.
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.