• Resolved andyturnernotewordy

    (@andyturnernotewordy)


    I’m showing three tables (in tabbed and nested tabbed blocks)
    The only difference is that here in example 1 , I’m invoking responsive=stack and here, in example 2, I’m invoking responsive=collapse (which only appears to ‘work at all’ on a mobile on table ID 1). But as you can see, the two layouts are different, with the collapse version ‘squashed’.

    Any thoughts? Or am I doing something stupid?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter andyturnernotewordy

    (@andyturnernotewordy)

    Sorry I should have said … the Tabs on the pages are “Other Suggested Lyrics” and “View ALL Lyrics”

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    To hopefully fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
      width: 100% !important;
    }

    Regards,
    Tobias

    Thread Starter andyturnernotewordy

    (@andyturnernotewordy)

    Nearly sorted! Easy when you know how! … except that ‘collapse’ appears to be be working on a mobile for table ID 1, but not for the other 2 tables (IDs 3 and 6)

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    I’m afraid that there’s no direct solution to that at the moment. The problem here is that this table is initially hidden, and only shown in that collapsible “View ALL Lyrics” section. Due to that, when the collapse mode is activated, certain table calculations, like the column widths, can not be made, as an initially hidden table does not have a column width internally. This means, that the collapse mode will only really work nicely with tables that are initially visible (when the page is loaded).

    Regards,
    Tobias

    Thread Starter andyturnernotewordy

    (@andyturnernotewordy)

    OK. Many thanks, again, Tobin. I think I’ll stick with the ‘stack’ option for now then, and play with page layouts to see if un-hidden tables will work OK.

    From what you said about “no direct solution” … does that mean you might be able to dream up some magic coding to solve it in the future???!!!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    yes, in principle this could be solvable, but it would always require custom code on the site, which is not easy to integrate (it would require editing theme or plugin JS files). Therefore, I haven’t really looked into it to find a good procedure for this.
    Therefore, using a different mode would be my recommendation here as well, at this time.

    Regards,
    Tobias

    Thread Starter andyturnernotewordy

    (@andyturnernotewordy)

    OK, great. Sorry if I’ve given you a slight headache!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no worries, you haven’t 🙂 I also always learn something from these things!

    Best wishes,
    Tobias

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Same Tables Different Printed Layouts’ is closed to new replies.