Responsive Ticket Types

  • Michail Fragkiadakis
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 9 months ago #156678 by Michail Fragkiadakis
Responsive Ticket Types was created by Michail Fragkiadakis
Hello, has anyone tried to transform the Ticket Types table to a CSS Grid, in order to make it more responsive?

What file should I look for in order to create an HTML override for the ticket types table?

Please Log in or Create an account to join the conversation.

More
1 year 9 months ago #156679 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Responsive Ticket Types
Hello

Exactly what tables you want to transform ? Please send me screenshot of that table or link to the page so that I can tell you the file you need to edit

If you have a sample responsive table implemented using CSS Grid, please send link to that sample. We would love to have it improved for next release

Regards,

Tuan

Please Log in or Create an account to join the conversation.

  • Michail Fragkiadakis
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 9 months ago #156681 by Michail Fragkiadakis
Replied by Michail Fragkiadakis on topic Responsive Ticket Types
It's the ticket types table.


When it gets populated with data, it sometimes goes out of viewport, so I wanted to tweak it a little bit to see if it gets improved. If I succeed I will share the code here.
  • Please Log in or Create an account to join the conversation.

    • Michail Fragkiadakis
    • Topic Author
    • Offline
    • New Member
    • New Member
    More
    1 year 9 months ago #156859 by Michail Fragkiadakis
    Replied by Michail Fragkiadakis on topic Responsive Ticket Types
    This is how it's seen from mobile, quantity goes out of viewport.

    It would be ideal if instead of a table there was a grid or spans, like the default plans list in Membership Pro, where the different columns are organized vertically when accessed from smartphones.
    Attachments:

    Please Log in or Create an account to join the conversation.