RayCraftDocs
v1.0.3 raycraft.dev
On this page

DashboardLayout

Complete

Grid of tiles that the user moves and resizes with the mouse, touch or the keyboard (Alt with arrow keys moves, Alt with Shift resizes). Tiles never overlap, and below the md breakpoint they stack in one column.

Example

DashboardLayout control

Parameters

DashboardLayout

ParameterTypeDescription
ChildContentRenderFragmentContent rendered inside the component.
ClassstringExtra CSS classes added to the root element.
ColumnsintColumn definitions: DataGridColumn elements.
Compactbool
FiltersDashboardFilters
Gapint
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
Lockedbool
RowHeightintRow height in pixels when VirtualScroll is on (default 44).
StylestringInline style added to the root element.

DashboardTile

ParameterTypeDescription
ChildContentRenderFragmentContent rendered inside the component.
ClassstringExtra CSS classes added to the root element.
Columnint
ColumnSpanintReturns how many columns the cell of an item covers.
Idstring
MinColumnSpanint
MinRowSpanint
Rowint
RowSpanint
StylestringInline style added to the root element.
TitlestringTitle text (drawer header, tab caption, column header, step caption).

Events

DashboardLayout

EventTypeDescription
FiltersChangedEventCallback<DashboardFilters>
OnLayoutChangedEventCallback<IReadOnlyList<DashboardPlacement>>

Package

DashboardLayout is part of RayCraft Complete. Package: RayCraft.Blazor.Complete. It comes from the private RayCraft feed and needs an active license. See Getting started.