Ensure analytics dashboard columns are responsive
What does this MR do and why?
Fixes issue where analytics dashboards were no longer automatically swapped to 1 column layout at smaller breakpoints.
This was due to breaking change in the gridstack 10 update which removed this responsiveness as a default option.
The fix is to add basic columnOpts
to the GridStack config as per the v10 migration guide. This restores our previous responsive behaviour.
Screenshots or screen recordings
Before | After |
---|---|
(no changes at larger breakpoints) |
How to set up and validate locally
- Follow these instructions to setup Product Analytics in GDK.
- Onboard
Product Analytics
by setting up the feature at Project > Analytics > Analytics dashboards. - Visit a dashboard at Project > Analytics > Analytics dashboards > Audience/Behaviour.
- Resize browser and ensure 1 column layout is used at breakpoints smaller than md/768px
Related to #433981 (closed)
Edited by Elwyn Benson