uno-responsive-spanning-gridwrap-layout
CommunityResponsive grid layouts with column spans.
Software Engineering#responsive-design#dashboard-ui#grid-layout#uno-platform#column-span#ItemsRepeater
AuthorVincentH-Net
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Arrange fixed-height items in a responsive wrapping grid that supports per-item column spans, enabling dashboard and card-based UIs with varying item widths but uniform height.
Core Features & Use Cases
- Flows items left-to-right, top-to-bottom with automatic wrapping
- Per-item column spans via an attached property
- Proportional stretch-to-fill to eliminate leftover horizontal space per row
- Vertical gap alignment across rows and full-width header rows
- Responsive column count derived from available width and MinColumnWidth
Quick Start
Copy the ResponsiveSpanningGridWrapLayout.cs into your project's controls folder and update the namespace.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: uno-responsive-spanning-gridwrap-layout Download link: https://github.com/VincentH-Net/dotnet-agentic-engineering/archive/main.zip#uno-responsive-spanning-gridwrap-layout Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.