80 docs tagged with "component"

Lagoon does not provide a native chart component.

This section references the Blazor components of Lagoon (Lg prefix).

LgAccordion groups multiple LgAccordionPane panels and ensures that only one panel remains open at a time.

LgActionPanel displays a horizontal area combining main action content on the left and a toolbar on the right.

Condition the display and editing of a UI area based on policies, and propagate validated policies to a subtree.

LgBanner displays persistent contextual information on the page: functional alert, confirmation, maintenance, connection failure, or global message.

LgBigMessage displays a centered information message with an icon, a title, a description, and optional additional content.

LgBreadcrumbTrail displays a breadcrumb to locate the user in navigation.

LgButton is the Lagoon button component.

LgCalendar displays an annual calendar or a period spanning several months, with one row per day.

LgCard displays a free-form content block that can become clickable, navigable, or command-driven.

LgCircleProgress displays the progress of a task in circular form.

LgCopyButton is a button that copies a value to the browser's clipboard when clicked.

LgCrudToolbarButton specializes LgToolbarButton for toolbar menus that need to offer secondary actions such as rename, save, and delete to the right of the main entry.

LgDocument downloads a document from a controller URI, creates a blob URL on the client side, and displays it as an image, video, or embedded frame.

LgEmptyMessage displays an empty state when an area contains no data.

LgFilterFrame extends LgFrame to build a ready-to-use filter panel.

LgFrame is Lagoon's standard container for grouping a header, body, summary, and footer.

LgGridBooleanColumn<TColumnValue> displays a boolean value as a checkbox.

LgGridColorColumn<TColumnValue> edits a color from a palette.

LgGridCommandColumn displays a single command button or a menu of custom commands.

LgGridCustomColumn<TColumnValue> is the LgGridView column linked to a value of any type.

LgGridDateColumn<TColumnValue> displays and edits a date with day or month precision.

LgGridEditColumn inherits from LgGridCommandColumn and adds Edit / Save / Cancel / Delete buttons for row-mode editing.

LgGridEnumColumn<TColumnValue> displays and edits an enumeration value with a suitable selection filter.

LgGridEnumListColumn<TColumnValue> manages a list of enumerations with editing and multi-selection filtering.

LgGridImageColumn<TItem> displays an image from a URL or a path computed from the bound value.

LgGridMonthColumn<TColumnValue> displays and edits the month (MM/yyyy) of a date value.

LgGridNumericColumn<TColumnValue> displays and edits numeric values with formatting, prefix, and suffix.

LgGridSelectColumn<TColumnValue, TDataSourceItem> binds a value to a list-type data source for display, editing, and filtering.

LgGridSelectionColumn adds a checkbox per row for multiple selection or radio behavior for single selection.

LgGridSelectMultipleColumn<TColumnValue, TDataSourceItem> edits and filters a collection of values from a shared data source.

LgGridSeparatorColumn adds a vertical visual separator between two groups of columns, especially in Card mode.

LgGridSummaryColumn<TColumnValue> is suited for long text and editable HTML content.

LgGridTagBoxColumn manages free-text tags.

LgGridTextColumn is the text column of LgGridView, bound to a string value.

LgGridTimeColumn<TColumnValue> displays and edits times or durations.

LgGridView<TItem> is Lagoon's standard data grid.

LgGridWeekColumn<TColumnValue> displays and edits the week (week number) of a date value.

LgGridYearColumn<TColumnValue> displays the year (yyyy) of a date value.

LgHtmlEditor is an HTML input field based on Jodit.

LgHyperlink is the Lagoon hyperlink component.

Displays an icon from the Lagoon library, with optional tooltip and click handler.

LgInputFile is the Lagoon component for file selection, upload, download, and deletion of linked files.

Translated label, associable to a field via the for attribute, with tooltip.

LgLabelAction displays a value (read-only) together with a label and an action button.

LgLeafletMap displays a Leaflet map in a Lagoon application.

LgListView<TItem> displays a collection as a customizable list or grid of clickable cards, with local or remote loading, declarative sorting, filters, pagination, grouping, selection, active item, drag-and-drop, virtualization, and state persistence.

LgLoaderView displays a loading state then automatically replaces the loader with the final content.

LgMenuConfiguration centralizes the declaration of the main menu, sidebar, and application toolbars.

LgMenuItem represents a navigation or action entry in the main menu, sidebar, or toolbar.

LgMenuSeparator inserts a separation line in the menu to visually isolate groups of actions.

LgMenuTitle displays a section title in the menu.

Draggable modal window with title, content, footer, toolbar, and close confirmation.

LgNavigationBox is a navigation search area.

LgNavLink is the Lagoon navigation link that inherits the behavior from LgHyperlink and automatically adds the active CSS class when the current page

LgNotificationCounter displays a numerical value in a notification badge.

LgNotificationItem<TItem> renders an individual notification: title, description, date, icon, mark as read/unread actions, and deletion.

LgNotificationMenuItem<TItem> adds a notification entry to the Lagoon menu with icon, unread counter, and by default a dropdown list synchronized by INotificationService<TItem>.

LgPager renders a compact pagination bar with previous/next navigation and page buttons.

LgPasteButton is a button that retrieves text from the browser's clipboard when clicked.

LgProgress displays the progress of a task as a horizontal bar.

LgSideTabContainer offers tab navigation with a resizable side panel.

LgSlider<T> is the Lagoon input component that lets you choose a single value on a bounded scale.

LgSliderRange<T> is the Lagoon input component that allows you to select a range between two bounds on the same scale.

LgSplitContainer arranges two areas side by side or one above the other, separated by a resizable grip.

LgTabContainer drives horizontal tab navigation in the application.

LgTimelineContainer organizes a series of LgTimelineStep in a horizontal timeline.

LgTimelineStep represents a step in an LgTimelineContainer.

Section title rendered as h1 to h6, with translated text.

LgToolbar is the Lagoon toolbar container.

LgToolbarButton is the LgButton variant adapted to Lagoon toolbars.

LgToolbarGroup groups multiple elements of an LgToolbar in a btn-group container.

LgToolbarMenu adds a dropdown menu to an LgToolbar.

LgTreeView<TItem> displays hierarchical data as a collapsible tree.

LgWorkScheduler<TItem> displays tasks and milestones on a horizontal timeline.

Remote Progress allows you to start a long-running task on the server side, quickly free up the HTTP request, then track its progress in Blazor via SignalR.

Lagoon toasts display brief, non-blocking feedback: success, information, warning, or error.

Lagoon user notifications enable you to send persistent messages to one or more users, synchronize them in real time with SignalR, and store them on the browser side in IndexedDB to remain accessible offline. The interface is provided by the separate module `Lagoon.UI.Notifications`, distributed via the NuGet package `Lagoon.UI.Notifications`.

WebPush notifications display a browser notification at the operating system level, even when the Lagoon application is not in the foreground.