Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tabbed Interface: print content tab by tab #6883

Closed
sophiek4905 opened this issue Jun 19, 2015 · 4 comments
Closed

Tabbed Interface: print content tab by tab #6883

sophiek4905 opened this issue Jun 19, 2015 · 4 comments

Comments

@sophiek4905
Copy link

Since we have long table for each tab, it is possible to print content from the active tab only ?

@pjackson28
Copy link
Member

@sophiek4905 You could use CSS to do that, although we generally recommend against hiding content on print. Something like the following would work:

@media print {
    .wb-tabs [role="tabpanel"][aria-hidden="true"], .wb-tabs summary[aria-expanded="false"] + .tgl-panel {
        display: none !important;
    }
}

@pjackson28
Copy link
Member

Note that you would probably want to qualify it with an id or something else to target the specific tabbed interface you want to do this to to avoid affecting other tabbed interfaces or carousels.

@hsrudnicki
Copy link

Based on the above, are you ready to close this issue or otherwise?

@pjackson28
Copy link
Member

A print-active option is being added by PR #6891 so you won't need to use the solution above (will be a built in option).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants