search

openam / bootstrap-responsive-tabs

Bootstrap responsive tabs are tabs that switch to collapsible components (accordions) when resized.
openam.github.io/bootstrap-responsive-tabs
MIT License
132 stars 60 forks source link

Print Bug - No Content Shown Above 992px Breakpoint #13

Closed jayde closed 8 years ago

jayde commented 10 years ago

When I try to print a page with the responsive tabs, if my screen size is larger than 992px the content disappears. But if it is smaller than 992px then the content appears.

image

openam commented 10 years ago

I'm not sure how that one would be fixed. It appears that the page renders at a smaller size for print, but the javascript is never run to move the contents from the tabs to accordions. I'm open to any ideas.

jayde commented 10 years ago

I did come across this other plugin that is very similar to yours that seems to print okay, maybe you can get some ideas from how they did it? I wish I had an actual solution but I'm more designer than developer.

http://webthemez.com/demo/easy-responsive-tabs/Index.html

I just realized that it's not a bootstrap plugin but maybe there's something in there you can use.

openam commented 10 years ago

Maybe if I knew what plugin you were referring to. On Jul 24, 2014 10:26 AM, "Jayde Ly" notifications@github.com wrote:

I did come across this other plugin that is very similar to yours that seems to print okay, maybe you can get some ideas from how they did it?

— Reply to this email directly or view it on GitHub https://github.com/openam/bootstrap-responsive-tabs/issues/13#issuecomment-50042466 .

jayde commented 10 years ago

Does this help? https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion If not that's okay, you can close this bug if you like because I've switched to the other plugin I've referenced. It seems to work okay. Thanks for looking at this!

After working with the plugin I think it suffers from the same problem actually, the only thing is that it handles the breakpoints or the stylesheet differently (again I'm a designer so no idea) so it still prints.

dominikwilkowski commented 10 years ago

How about you make this a mobile first approach meaning you have no JS running on mobile and change stuff only on desktop?

openam commented 8 years ago

It still won't be visible if we start with accordions, and move content to tabs. When you view it on a desktop it'll move it from the accordions to the tabs, and then when it prints it'll try to use the mobile view, because the print page is narrower than the desktop, but the javascript won't run at that time.

andrea-spotsoftware commented 7 years ago

same issue, any idea to fix it?