I have a Dash Web Application that I have so far primarily used on desktop. I am now moving to adapt it to be more mobile friendly and was interested in learning other folks’ experience here, particularly on working with Dash Ag Grid: Open Source and Enterprise on mobile?
Also, if you have any other suggestions/tips as I am starting to make my app more mobile friendly, those will be super helpful as well!
I did briefly look at this a little while back and it seemed to work well except that I couldn’t get filtering to work - the filter icon in the header didn’t appear. This was on an iPhone, and I don’t know why - it’s not just a viewport size thing, the filter icon’s still there on my laptop no matter how small I make the viewport.
Assuming you’re using a usual sort of single-column layout on a mobile, a couple of tentative suggestions are to leave some margin on one side of the grid so the user doesn’t get locked out of browser-level scrolling, and to make sure the grid size always fits within the viewport. With the grid sitting inside a dbc.Col() you can use e.g.:
Thanks @davidharris really appreciate you taking time to respond and give suggestions. Really helpful!
And I think I too read about the filter icon thing not showing up on mobile somewhere, but it said that it appears on tapping the column header. Do you happen to know about it? How did it work out for you (the filtering experience eventually)?
I’m working with Dash Ag Grid and facing some challenges with its responsiveness and functionality on mobile screens. I’ve noticed that certain features and grid interactions don’t perform as smoothly as they do on desktop, and I’m struggling with optimizing the layout for smaller screens.
Hello @BridgerAlec don’t know if this reply is still relevant or useful, while the experience on mobile isn’t the best but it’s better for me than I would have hoped for. My users aren’t all that much on mobile, so maybe that’s another reason why I haven’t heard of many pain points of UX on mobile. Btw, I am using Ag grid for tables and that seem to be working fine for me; maybe if you can highlight a few specific things which you are trying to do / facing issues with on mobile, I can tell you if I have/had similar use cases and/or if I know how to tackle those. Thank you.