Find answers, ask questions, and connect with our
community around the world.

Forums Forums Web Design Feedback on responsive list/table page

  • Feedback on responsive list/table page

    updated 10 months, 4 weeks ago 0 Member · 1 Post
  • BusinessMag

    Member
    October 31, 2021 at 9:03 am

    Hi all, In my app, I need to display a list of songs that a user is working on learning on their instrument as well as take some actions for it. On desktop, I have enough breaking room to show a good amount of info and offer sortable column headings. However, on mobile, the squashing of these rows doesn’t really end up in a nice experience – the grid has to be horizontally scrolled, and the icons stack in a bit of an ugly fashion. Are there any examples or tips out there of how I can design a grid that can responsively work well across desktop and mobile? I’d like to avoid developing two different views entirely, but that’s the direction I’m leaning right now – desktop gets a row-by-row grid, and perhaps mobile gets this information in a condensed listgroup but loses the ability to do sort options (or has a different sort selection experience). Screenshots: Desktop Experience Mobile experience – icons stacked and “time this week” column disappears and you have to scroll for it. – by /hq/ElectronicProgram – –

Viewing 1 of 1 replies
Reply to: BusinessMag
Your information:

Cancel
Original Post
0 of 0 posts June 2018
Now