Skip to content

Feat/dashboards 12col grid#498

Merged
calreynolds merged 3 commits into
databricks-solutions:mainfrom
jralfonsog:feat/dashboards-12col-grid
Apr 27, 2026
Merged

Feat/dashboards 12col grid#498
calreynolds merged 3 commits into
databricks-solutions:mainfrom
jralfonsog:feat/dashboards-12col-grid

Conversation

@jralfonsog
Copy link
Copy Markdown
Collaborator

Summary

  • Updates the AI/BI Dashboards skill from a 6-column to a 12-column grid. Lakeview moved to a higher-density 12-column canvas in February 2026. Verified against UI-fresh dashboards in e2-field-eng-demo (they emit max(x+w)=12 per row). Following the skill verbatim today produces tiles at half their intended width.
  • Adds "layoutVersion": "GRID_V1" as a required field on every page. Without it, dashboards still render but interactive editing in the canvas breaks (the drag/resize cursor doesn't track the actual tile position). Verified in isolation: same 12-col JSON without layoutVersion → broken; with it → works.
  • Scales every example position block. Width and x doubled (full 6→12, half 3→6, third 2→4); y and height unchanged. 7 page examples updated across 3-examples.md, 4-examples.md, 3-filters.md.

Context

Surfaced while debugging a demo over the weekend. Dashboard widgets were rendering at half size and the canvas editor cursor was offset. Both root causes confirmed by inspecting UI-fresh and existing production dashboards in the workspace.

Test plan

  • Audited every position block. All 36 row sums verified to total 12.
  • Deployed the post-edit NYC Taxi example from 3-examples.md verbatim against e2-field-eng-demo. Rendered correctly with no cursor offset.
  • Ran isolation tests confirming layoutVersion: GRID_V1 is the field that fixes the cursor bug.

… SKILL.md

Lakeview now renders against a 12-column grid. The skill documented a
6-column grid, which causes widgets encoded against width=6 to render at
half their intended size.

Updates the layout section heading, the recommended widget sizes table,
the standard dashboard structure example, and the quality checklist to
the 12-column grid.

Co-authored-by: Isaac
… grid

Mechanical update of every position block to fit the 12-column grid.
Width and x values are doubled where they encoded fractions of the old
6-column grid (full=6→12, half=3→6, third=2→4). y and height are
unchanged. Filter typical sizing is updated from width=2 to width=4 to
preserve the third-of-row proportion.

Co-authored-by: Isaac
GRID_V1 is the layout schema Lakeview emits for newly-created
dashboards. Pages without this field are accepted by the API but
interactive editing in the canvas does not work correctly.

- SKILL.md: document layoutVersion in section 4 LAYOUT and add to
  the quality checklist.
- 3-examples.md, 3-filters.md, 4-examples.md: add the field to
  every page example (7 pages across the three files).

Co-authored-by: Isaac
Copy link
Copy Markdown
Collaborator

@calreynolds calreynolds left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@calreynolds calreynolds merged commit 02aac8c into databricks-solutions:main Apr 27, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants