DashboardGrid Class

Custom grid component that allows for the creation of a dashboard-like layout with resizable and movable elements.

Definition

Namespace: MobileTrack.Web.Portal.Components.Dashboard
Assembly: MobileTrack.Web.Portal (in MobileTrack.Web.Portal.exe) Version: 0.7+45c8d9adb5970d727cceec44a5ed61aea0016e50
C#Request Example
public class DashboardGrid : ComponentBase
Inheritance
Object    ComponentBase    DashboardGrid

Constructors

DashboardGridInitializes a new instance of the DashboardGrid class

Properties

AllowMove Whether to allow moving elements or not. Default is false. Note that this feature is only supported when an AspectRatio is set, otherwise this flag has no effect. Important: elements are movable by dragging the title bar. Hence, without setting a title for your element, your element won't have a title bar and you won't be able to move them.
AllowResize Whether to allow resizing elements or not. Default is false. Note that this feature is only supported when an AspectRatio is set, otherwise this flag has no effect.
AutoRows If enabled, the Grid manages the number of rows automatically. This is useful for the dashboard scenario where elements can be moved down as much as wanted, and the Grid just adds rows.
ChildContent Define all rows, columns and elements here:
<Grid>
<RowDefinition Height="auto"/>
<ColumnDefinition Width="1fr"/>
<ColumnDefinition Width="1fr"/>
<Element Column="1">content...</Element Column="1">
</Grid>
CurrentUser Current user
PreventOverlaps If enabled, moving or resizing an element will make sure that other elements flow away to make room for the moved/resized element.

Methods

Add Adds an element to the collection if it does not already exist.
BuildRenderTree
(Overrides ComponentBaseBuildRenderTree(RenderTreeBuilder))
IsOverlaps Determines whether the specified element overlaps with any other elements in the layout.
OnAfterRenderAsync Method invoked after each time the component has been rendered interactively and the UI has finished updating (for example, after elements have been added to the browser DOM). Any ElementReference fields will be populated by the time this runs. This method is not invoked during prerendering or server-side rendering, because those processes are not attached to any live browser DOM and are already complete before the DOM is updated. Note that the component does not automatically re-render after the completion of any returned Task, because that would cause an infinite render loop.
(Overrides ComponentBaseOnAfterRenderAsync(Boolean))
RemoveElement Remove an element from the grid
UpdateArea Updates the area layout and re-renders the component without affecting child elements.

Fields

Area 
Columns Amount of columns in the grid.
MovingIndicatorOverlay 
Rows The amount of rows in this grid.

See Also