Collapse plugin

  • Resolved 0be1

    (@obe1968)


    9 years, 4 months ago

    First off, thanks for the plugin and definitely will be making a donation come payday!! One of the best and new favorite plugin in my library.

    I have started to play with the responsive extension and am attempting to use both the collapse and responsive breakpoint together like your example on the extension page with my values in there instead

    [table id=123 responsive=collapse responsive_breakpoint=phone /]

    My question is this. Is there a way to hide more of the columns down to just one or two. My page is still too wide on a mobile phone in portrait. You can see the example here (but use a mobile):

    http://brarc.dixiehammers.com/repeaters/

    Thanks again for the GREAT plugin!!!

    Shawn

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 4 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    Using the responsive_breakpoint here will not make any difference, as that parameter is only respected by the flip mode. Thus, you can remove that parameter.

    Now, I’m not sure why the columns still overflow, but to fix that, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress

    .tablepress-id-3 {
  width: 100% !important;
}

    Regards,
    Tobias

    Thread Starter 0be1

    (@obe1968)

    9 years, 4 months ago

    Tobias;

    Good morning!!! No worries, and thank you for the very quick reply!! 😉

    I have tried the code you provided and the page is still too wide on mobile and I still have three columns showing. I would like to force the collapse down to x number at will. I want to see how it looks on mobile when there is only one column and click on the + to expand with the rest of the info, or maybe change it to two. Sorry if this is too confusing or if I am not explaining it properly.

    Shawn

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 4 months ago

    Hi Shawn,

    hhm, strange. The JS code of the collapse JS add-on has problems calculating the column widths sometimes, but the CSS from above should work around that here.
    It does when I test in the developer tools in the browser (essentially reducing the browser window size, so not really a mobile).

    Regards,
    Tobias

    Thread Starter 0be1

    (@obe1968)

    9 years, 4 months ago

    I checked it using http://www.responsinator.com as well and it shows two columns instead of three like my phone does. Strange. I will keep trying (but I am not a very good coder… yet 😉 and see what I can come up with. Maybe it has something to do with the theme (Divi) I am using or something.

    More to follow…

    Shawn

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 4 months ago

    Hi,

    remember to refresh the page after reducing the browser window so that the calculations can be updated.
    Does it work on your real phone?

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Collapse plugin’ is closed to new replies.