Responsive Ext (Collapse) Not Working

  • Resolved IMTanuki

    (@imtanuki)


    6 years, 11 months ago

    Hi Tobias,

    ISSUE
    I opened this as a separate issue. Responsive (collapse option) works fine on page configured as:
    – single column row
    – 5 column table

    But it doesn’t work (consistently) in the following config:
    – 2 column row
    – 3 column table

    “Consistently” means:
    – it actually works from a desktop when I resize the screen
    – it doesn’t work natively on an Android phone – it just compresses the table.

    NOTES
    – Responsive (scroll option) has the same inconsistent behavior.
    – I tested with a single column row and that didn’t resolve the issue.
    – If I add a dummy 3rd column, then it works…so, it seems like it’s looking for a minimum width to “justify” collapsing…

    Is there any way to force collapse mode?

    Thanks!

    • This topic was modified 6 years, 11 months ago by IMTanuki.
    • This topic was modified 6 years, 11 months ago by IMTanuki.

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

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

    (@imtanuki)

    Aha! Added white-space: nowrap; and that seems to force it to invoke collapse mode…but…
    – in this case, nowrap works only because the values for each row are fairly brief.

    Is there any other method I can use?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    The collapse mode will always try to show the columns, and only if the screen width is too small, it will start collapsing columns. I assume that that’s what’s influencing this here.

    Regards,
    Tobias

    Thread Starter IMTanuki

    (@imtanuki)

    Tobias,

    Thanks.

    Even with text fields that are less than 50 char, it seems that responsive / collapse mode will avoid collapsing whenever possible, including wrapping column values. On mobile devices, this looks really cluttered.

    –> You may want to update the extension documentation to note that responsive / collapse mode needs a combination of:

    – width: nn px;
    – white-space: nowrap;

    I’m beginning to think I need 2 sets of CSS for each table…

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    well, it all comes down to personal preference and the type and size of content in the table I would say. It’s rather hard to find a “one size fits all” solution :-/

    Best wishes,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Responsive Ext (Collapse) Not Working’ is closed to new replies.