Responsive plugin

  • Resolved BTJ

    (@bjorntj)


    7 years, 1 month ago

    Hi.

    Just started using the tablepress plugin and so far I like it.. 🙂
    But I have a question for the responsive plugin. I try to use the following tag:

    [table id=1 responsive=flip responsive_breakpoint=phone /]

    But it does not seem to work when showing the page in landscape mode on my mobile. Shouldn’t the table then be shown as a normal table (desktop version) or am I missing something?

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

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    thanks for your post, and sorry for the trouble.

    It depends on the width of your phone in landscape mode (i.e. the height of the phone). If that’s smaller than 768px, you will still see the flipped version.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter BTJ

    (@bjorntj)

    7 years, 1 month ago

    I have an iPhone Xs where the resulution should be more than enough to “break” the 768px limit.. 🙂
    You can checkout this link: https://test2.gtgk.no/turneringer/

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    that’s indeed strange. I can reproduce this on my phone (Android though), but not in the browser simulator in the Chrome Developer Tools. To be honest, I have no clue why this is happening…

    Regards,
    Tobias

    Thread Starter BTJ

    (@bjorntj)

    7 years, 1 month ago

    Not much help then.. 😉
    btw, can it be something about the theme I am using?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    it could be about the theme, yes. Can you maybe test with a different theme?

    Regards,
    Tobias

    Thread Starter BTJ

    (@bjorntj)

    7 years, 1 month ago

    Don’t want to mess with this site but I can create a test site during the Easter and run some tests… 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    sounds good! If you find something, please let me know!

    Best wishes,
    Tobias

    Thread Starter BTJ

    (@bjorntj)

    7 years, 1 month ago

    Will do… Thx for great support, did not expect that.. 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    you are welcome! 🙂 Always happy to help!

    Best wishes,
    Tobias

    Thread Starter BTJ

    (@bjorntj)

    7 years, 1 month ago

    Ok, I installed a new test site and tried three of the default themes from WordPress but still the same problem.: http://test2.havleik.no/test/

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    ok, the best chance might then be to adjust the CSS code a little bit. Can you maybe change the value of 768px to a higher number (like 800px maybe), in the two CSS files

    /wp-content/plugins/tablepress-responsive-tables/css/tablepress-responsive-flip.css
/wp-content/plugins/tablepress-responsive-tables/css/tablepress-responsive-flip.min.css

    of your site?

    Regards,
    Tobias

    Thread Starter BTJ

    (@bjorntj)

    7 years, 1 month ago

    Tried that but the same problem.

    Thread Starter BTJ

    (@bjorntj)

    7 years, 1 month ago

    Also, I see that the css code for alle the media entries are the same except for the naming but maybe that’s the way it should be (haven’t looked at the HTML code…)

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    ah wait, it should be the other way around. You’d need to use a smaller number than 768px, so that the CSS still applies to portrait but not landscape widths.

    And yes, the CSS in each section looks very similar, but the CSS classes are slightly different. All that is on purpose.

    Regards,
    Tobias

    Thread Starter BTJ

    (@bjorntj)

    7 years, 1 month ago

    Yes, I thought so as well so I tested using 600px but still the same.
    But after some more testing now, it seems that setting it to 600px works (seems to be a caching problem with Safari..)
    Or it kind of work but seems to be different results depending on which browser I use. If I use Firefox, it show the small table for portrait mode and regular table in landscape mode. While Chrome shows the regular one for both modes and Safari shows the small table for both modes. (might be some caching problem I guess..)

Viewing 15 replies - 1 through 15 (of 16 total)
1 2

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