Is there a way to get it to print items in tabs that aren’t active

  • Resolved tonyrhnewtons

    (@tonyrhnewtons)


    2 years, 10 months ago

    The plugin is working, and I’ve been able to select the visible elements I want printing, but I have pages with several tabs on them, and I’d like the content under the tabs to print all on one document

    I’ve tried using several elements and classes, but so far nothing has worked

    I’m using tabs from Ultimate Shortcode

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor twinpictures

    (@twinpictures)

    Hello @tonyrhnewtons,
    You should be able to display the hidden tabs by adding the following CSS in the print-o-matic options page under the Print CSS section:

    .su-tabs-pane:not(.su-tabs-pane-open) {
   height: auto;
}

    Give that a try and ping back with your results.

    Thread Starter tonyrhnewtons

    (@tonyrhnewtons)

    tried this and multiple variations.

    Still just printing only the visible tab content

    Plugin Contributor twinpictures

    (@twinpictures)

    tried this and multiple variations.

    Did you now. Well shall we guess what else you tried?

    how about:

    .su-tabs-pane:not(.su-tabs-pane-open) {
   height: auto !important;
}

    maybe:

    .su-tabs-pane:not(.su-tabs-pane-open) {
   height: 400px !important;
}

    Actually, since the tabs are being generated from Ultimate Shortcode, might be a good idea to open a thread with the devs there as well.

    Thread Starter tonyrhnewtons

    (@tonyrhnewtons)

    yes I tried those, and I tried targets including individual elements, and classes, and IDs

    still just showing the visible tab

    Plugin Contributor twinpictures

    (@twinpictures)

    1. For troubleshooting, remove the complex target scheme, and stick with targeting .su-tabs for now.

    2. the css you are currently using is:

    su-tabs-pane su-u-clearfix su-u-trim {
	height: auto !important;
}

    this is not proper CSS formatting.

    please remove that and replace it with the following:

    .su-tabs-pane, .su-tabs-pane:not(.su-tabs-pane-open) {
   height: auto !important;
}

    Once this is done, purge any cashing you have enabled and ping back and we’ll take a look and see if we can offer further assistance.

    Plugin Contributor twinpictures

    (@twinpictures)

    This is the CSS from Ultimate Shortcode:

    .su-tabs-pane:not(.su-tabs-pane-open) {
    overflow: hidden!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    min-height: 0!important;
    height: 0!important;
    border: none!important;
}

    They are forcing !important on every item. Bad practice.

    Ok, we’ll just have to be more specific in our print css:

    .su-tabs-panes .su-tabs-pane, .su-tabs-panes .su-tabs-pane:not(.su-tabs-pane-open) {
   height: auto !important;
}

    The problem here is how Ultimate Shortcode uses CSS, not with our plugin. We’ll do what we can to help you, but Troubleshooting other plugins CSS issues is a bit out of the scope of community support for our free plugin.

    Thread Starter tonyrhnewtons

    (@tonyrhnewtons)

    that worked!

    Thank you so much for your help, and identifying the problem

    I really appreciate it

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Is there a way to get it to print items in tabs that aren’t active’ is closed to new replies.