Hello Grafana Community!
I hope you’re all doing well. I’m facing a bit of a challenge with the Flex System in Grafana, and I was wondering if anyone here could lend me a hand. I’ve been working on creating a dynamic dashboard layout using the Flex System, but I’ve hit a roadblock that’s proving to be quite puzzling.
Issue Description:
I’m trying to design a dashboard that adjusts its layout based on screen size, with different panel arrangements for desktop and mobile users. The Flex System seemed like the perfect solution for achieving this responsive design. However, I’m encountering some unexpected behavior, and I’m not sure if I’m missing something in the configuration or if it’s a bug.
Panels are not aligning as expected when switching between desktop and mobile views.
Some panels appear distorted or overlapping in certain screen sizes.
The spacing and distribution of panels are inconsistent across different devices.
What I’ve Tried:
Adjusting the flex-grow, flex-shrink, and flex-basis properties for panels to control their responsiveness.
Experimenting with the Flex System’s flex-direction property to change the layout flow.
Reviewing the documentation and online tutorials, but haven’t found a solution that addresses this specific issue.
I’m confident that the Flex System can do wonders in creating a flexible and adaptable dashboard layout, but I seem to be missing a crucial piece of the puzzle. If anyone has experience working with the Flex System or has encountered a similar issue, I would greatly appreciate your insights and guidance.
Please feel free to share any tips, suggestions, or solutions you might have. I’m open to trying out different approaches or configurations to make this work seamlessly. Your expertise could be a game-changer for me, and I’m sure this thread could benefit others who might run into similar issues.
Thank you in advance for your time and assistance!
Best regards,
Yamaris