responsive ext – minor issues

  • IMTanuki

    (@imtanuki)


    8 years, 5 months ago

    Hi Tobias,

    I’m evaluating the responsive extension as a possible solution to the following:

    Other than a border formatting issue (separate thread), table in desktop form factor is fine.

    However, with mobile form factor, the default behavior for table press is to auto adjust column width to fit a mobile screen. even with 2 columns, it doesn’t view well (just too tight).

    Responsive extension seems to address this (to an extent). However, 2 issues:
    a) Table continues to auto adjust to fit a mobile form factor. The following forces a scroll behavior:

    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px)
    {
    .tablepress th,
    .tablepress td
    {
    min-width: 300px;
    }
    }

    b) Functionally, it works. But the scroll bar at the bottom of the table is not visible until you actually grab the table and swipe left. So, a new user would probably not know to try to scroll.

    Is there any way to force visibility of the scroll bar?

    Many thanks!

    • This topic was modified 8 years, 5 months ago by Jan Dembowski. Reason: De-capped topic title, no yelling please

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter IMTanuki

    (@imtanuki)

    8 years, 5 months ago

    NOTE…

    In an attempt to find an aesthetic workaround for mobile form factors, I did the following:

    – created 2 additional tables, each with a single column.

    – added a row with 2 columns

    – assigned each single column table to the new row-column config.

    Since this is a text table (not a data table), it actually works on a mobile form factor! The entire columns are now displayed one on top of the other, which I think looks better on a mobile form factor…not sure there really is a way to do tables on mobile that just doesn’t look a bit off.

    Pls see my other thread, as I still have problems with the right side border not displaying…

    Regards!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 5 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    No, sorry, I’m not aware of a way to make the scroll bar visible permanently. This is browser thing 🙁

    Regards,
    Tobias

    Thread Starter IMTanuki

    (@imtanuki)

    8 years, 5 months ago

    From a UI perspective, that makes the scroll unusable – users may or may not swipe to activate it.

    If this is the case, then the table setup should have either:
    – a flag to suppress display of the table in a mobile form factor -OR-
    – a descriptive prompt that is only displayed in a mobile form factor to let the user know they need to swipe to see the rest of the table.

    Otherwise, it’s a negative user experience.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 5 months ago

    Hi,

    I agree that it is not perfect, but unfortunately, I don’t know a better way 🙁

    Regards,
    Tobias

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    8 years, 5 months ago

    @tobiasbg I’m closing this topic and all topics for you extensions from your own site.

    https://tablepress.org/extensions/

    Here’s why.

    For pro or commercial product support please contact the author directly on their site.

    As the author is aware, commercial products are not supported in these forums. As you are their customer I am sure they will have no problem supporting you there.

    It’s not fair to other plugin author’s who comply with this when you do it. If uou have any questions please contact the moderators in the #forums slack channel.

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

The topic ‘responsive ext – minor issues’ is closed to new replies.