scss. The AppBar component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. Improve TreeView selection performance in WebAssembly. The component also allows you to change what is rendered in its items, header and footer through templates. Blazor TextBox. Be specific. . Header cell border missing when using. UI for Blazor 3. To render a SvgIcon UI icon, use a value from the built in typed object SvgIcon and pass it to the Icon parameter. This template receives a context argument that is of the data model type and represents the current item. Telerik’s library also includes various charts for data visualisation. The Map component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. You can also use resources to separate events into different calendars (e. You can include the desired steps by adding a StepperStep tag for every step. You can use a variety of graph types and control all aspects of the component's appearance - from colors and fonts, to paddings, margins and templates. Add the Telerik. You can also allow them to enter custom values and to filter the available items. You can decide whether to cancel navigation and offer users a choice whether to proceed or not, according to your application’s needs. Description. The Blazor FileSelect provides a Stream for each selected file, so that you can manipulate the file in-memory or save (upload) it to the server file system. FIXED. Use JSInterop to obtain the user screen size. Description. The visible value of the label. The SplitButton has one primary clickable action, which is always visible, and a list of secondary actions that are displayed in a dropdown when the user clicks on the arrow. The good. When it's state is changed (expanded/collapsed) the content is resized - the width is increased or decreased based on the state. Learn how to add the component to your app and explore its features like. This Panel Bar Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. The values of the date inputs and calendar are synchronized to enable further change of the chosen date range. , work and personal events) through their colors. The Blazor RadioGroup control shows a data bound collection of options displayed as radio buttons. Column Chart. You can also define different operators and use these filter descriptors to filter data. When to Use RadSpreadStreamProcessing. Expose ThemeColor in the popup edit settings. The developer can control the data, sizes, and various appearance options like class and templates. Rely on top-notch support from the developers who build the product. Size class: Class. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. The Blazor Avatar component is typically used to display images, icons or initials representing people or other entities. Initiate programmatic editing or inserting of a Grid row. Size class: Class. The DropZone is always associated with a FileSelect or Upload component, which handle the dropped files. There is also a runnable code example. Learn how to create a component, use a template and pass parameters from parent to child components. To try it out sign up for a free 30-day trial. You can use an ASP. Everything in DevCraft Complete. The TileLayout component in Telerik UI for Blazor is based on a two-dimensional CSS grid and displays its content in tiles. The Steps are the building blocks of the Stepper component. Blazor Drawer Overview. To enable it set the ShowColumnMenu parameter to true. Shared Blazor components can power UI across web and native apps, thanks to . The Blazor Rich Text Editor component lets your users create rich text content in a familiar MS Word editor experience. One-way. In Summary. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. We explain the reasons and suggest workarounds in this knowledge base article. The event is tied to the FieldChanged event of the Form's EditContext. The Telerik UI for Blazor Button is a component that provides full control over its visual appearance based on the chosen theme, click event and icon in both Blazor WebAssembly (WASM) and server-side Blazor apps. With the first request to the website, the browser downloads the application, including a . In addition to built-in navigation capabilities, you can browse through the items and their children, define templates for the individual nodes, render text and icons/images, and respond to events. Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more! Documentation. It is similar to a <select multiple> in this regard. ”. The Blazor PivotGrid component, also known as a pivot table, is a powerful data visualization, statistics and reporting tool that allows you to perform operations and analysis over multi-dimensional pivot data. The Telerik UI for Blazor Map component allows you to display geographical information organized in layers and can be integrated with open map providers in your apps. In its essence, it is a select element but far richer in terms of functionality. You will create a new application from scratch and use a TelerikButton component in a Razor file. Here's how it works now after the page first loads, I hit tab and it selects the hamburger (Telerik. The Blazor ChipList component shows pieces of information in a compact form. The FileSelectFileInfo type contains the following properties: The unique file identifier. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. The Telerik UI for Blazor Breadcrumb component allows you to navigate within a folder structure or a web page. The Blazor Drawer component is an interactive side panel for navigating in responsive web applications. In its essence, it is an advanced select element with rich functionality, including data binding, filtering, grouping, rendering of custom content through templates, multiple options to configure its. This ComboBox Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in. ”. Telerik UI for Blazor is a professional-grade UI library that enhances Blazor with over 100 native components. Blazor DropZone Overview. Declaration. You can configure the selection behavior by setting SelectionMode to a member of the Telerik. Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more! Documentation. To customize a Sass-based theme, create a . public class GridCommandButton : TableCommandButtonBase<GridCommandEventArgs>, IDisposable. Breadcrumb Item Features. This article describes the steps in the typical workflow for using the Telerik UI for Blazor components—getting the Telerik UI for Blazor components and configuring your project to use them. The Telerik UI for Blazor PDF Viewer component allows users to view and interact with PDF files directly in the browser, without needing to download the file or use third-party tools or browser extensions. It’s officially Telerik R3 2020 time and we are happy to share all the new components, features, and extensions that Telerik UI for Blazor has shipped over the last four months! Telerik UI for Blazor just reached a new milestone of 50+ truly native Blazor components that are feature-rich and easy to customize. The Blazor FileManager component is an Explorer-like component that enables you to upload, download, rename and manage file and folders. Blazor TabStrip Overview. This. 1. Develop new Blazor apps or modernize legacy web projects in half the time with a high-performing Grid and 100+ truly native, easy-to-customize Blazor components. The file name does not meet some requirements. Grid Kbd Nav with arrows is wrong for. The Blazor ListView component lets you define the layout and functionality of your items, while iterating over the data. Description. The tiles can span across multiple rows and columns. scss file and consume the theme package in the following way: Obtain the theme source through the NPM package. NET MVC, ASP. HTML is truncated when there is a field without a separator. The Telerik UI for Blazor StackLayout component allows you to arrange UI elements horizontally or vertically in a stack. You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new. Blazor. Column Visibility - Inconsistent Display and Title Change in Grid. NET MAUI and join our readers' community to keep you informed of everything new in the . Additionally, you can customize any of the ready-to. You can control the date format of the input, how the user navigates through the calendar, and which dates the user cannot select. Download Free Trial. Read more in Telerik UI for Blazor Documentation. The Telerik Blazor Chart component has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). There are two cases when CSS isolation may not work with UI for Blazor components. The Blazor DropDownList control lets you predefine a list of items and control the data, sizes and appearance options. You can control the list of suggestions through data binding, various appearance settings like dimensions and templates. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. Height - string - set the height in the nested popup settings tag of the component. It is a common element that allows you to invoke UI functionality by clicking on it, but it provides value to developers through its ease of customizability, versatility and integration with the rest of the Telerik UI for. This is required, so it can show over the other page content, and have correct position. The Telerik Blazor Chart component has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). The Date parameter of the Scheduler controls which month is displayed. Add Filter Menu buttons template. The Extensions tab in Visual Studio Code - search for Telerik UI for Blazor Productivity Tools, select the extension, and then click Install. View the source code of the demos from. To try it out sign up for a free 30-day trial. Introduced setting in PdfStreamWriter that allows exporting images with no compression. The SplitButton component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. The UI for Blazor suite comes with a set of built-in themes that you can choose from to alter the visual appearance of the Telerik components (you can test them in our live demos ): Default - our own neutral styling that suits most cases. Basics. Blazor isn't just for web apps though and has clear implications for desktop/mobile. To provide a data source, use the Data property. The LoaderContainer component provides multiple parameters that control its appearance: OverlayThemeColor. The ListBox for Blazor is an enhanced version of the HTML <select multiple> element. They allow you to add the Telerik UI components to. The Editor also supports custom tools with custom rendering. SvgIcons - defines the ISvgIcon interface and the SvgIcon static class for. It provides actions through its action buttons to prompt the user for input or to ask for a decision. Right-click the project node and, then, select Telerik UI for Blazor > Convert to Telerik Application. In this video, he goes through five of the most. To set up the FormatPlaceholder, use the <*Component*FormatPlaceholder> nested tag. Form. You can use it to easily organize content when building catalogs. com Package source that you added earlier. Yet, its configuration will be different when using. They match the Theme of the components to make it obvious to the user that the modal dialog is coming from your application. Just to note, with this viewer you can directly update the ReportSource if it has been bound, for example:You may want to change the Telerik Blazor Theme during runtime on the fly - for example, to allow your users to choose the application theme. The Date Picker component is part of Telerik UI for Blazor. These items (nodes) are customizable by defining templates individually. k-grid-aria-root. The displayed data can be arbitrary—display anything from plain text to images and other Telerik UI for Blazor controls. The Chart component is part of Telerik UI for Blazor, a professional grade. Otherwise, the component size will be controlled by the content and size of the panes. Popup edit mode throws about parameterless constructor when using OnModelInit. Blazor Floating Label Overview. June 02, 2023 Web, Blazor 0 Comments. Purchase an individual suite, or treat yourself to one of our bundles. Inside that tag, add your custom content (e. To use the component, you need to add the tag to your razor file, set the Visible and Title. Once you are done styling the UI components, you. Blazor Drawer Overview. Telerik UI for Blazor version 4. And Blazor is the natural choice for modern web apps with . Your Blazor Wizard doesn’t have to have a static set of steps: You can respond to the user’s needs to give them the process they need. OnStateChanged - fires when the user performs an action so. In this short video, we'll learn about Blazor architecture, identify requirements, and create a new Blazor project. Furthermore, Progress Telerik’s good reputation ensures the component’s dependability. FileSelectEventArgs has a Files property, which is a List<FileSelectFileInfo> type. Blazor ComboBox Overview. To display a custom icon, use the same parameter but this time pass a custom font icon class. It is suitable for handling custom values the user can enter as if the MultiColumnComboBox was an input. The LoaderContainer uses a nested internal Loader component to show the animated indicator. Blazor. The names of the months and days of the week are taken from the current culture, and the FirstDayOfWeek of the culture is honored when ordering the days of the week. This type of input originated in mobile apps but has been gradually replacing the standard checkbox control in all sorts of applications. The PDF Viewer component is part of Telerik UI for. Read more about the Blazor AutoComplete data binding. Cover any use case scenarios even those where the end-user prefers the. Override a user action that changes the Grid state, for example, sort descending first. The Blazor Form component gives you creative freedom to easily set up your next registration, contact or other form. The Dialog component and its predefined. Useful links: The Telerik UI for Blazor SvgIcon component allows you to display both predefined Telerik UI and custom SVG icons. Built-in tools can render as buttons, color pickers or dropdown lists. NET and JavaScript UI components for web, desktop and mobile. It exposes three different types - Image, Icon and Text. If you want to filter at the moment of change, use Filter with a one-way bound value. Handled invalid /NULL name encoding for Type1 and TrueType fonts. Telerik UI for Blazor TreeView displays data in a tree-like structure. In addition to built-in navigation capabilities, you can browse through the items, define templates for the individual nodes, render text and icons, and respond to events. This works well for the initial rendering and the component will be "responsive" immediately according to your layout, regardless of the display (desktop, tablet, phone). Blazor TileLayout Overview. The Blazor DropDownList component allows the user to choose an option from a predefined set of choices presented in a dropdown popup. Constructors GridCommandButton() Declaration. All Telerik . NET & JS software development. Out of the box, . In the sample project linked below, these are added to the layout so that all pages can use them. PdfProcessing. In the current demo, you can see a primary example of how to implement a Telerik dialog component in Blazor applications. Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!The DropDownButton for Blazor is a combination of a button and a dropdown. Read more in Telerik UI for Blazor complete API reference documentation. NET code runs in the browser on WebAssembly, hence the model’s name. And Blazor is the natural choice for modern web apps with . The Telerik UI for Blazor Data Grid is built on native Blazor, highly customizable and comprised of hundreds of features like paging, sorting, filtering, editing, grouping, row virtualization, optimized data reading, exporting, globalization and localization, keyboard navigation, accessibility support, etc. NET team that introduces a next generation component model that allows developers to write Single Page Applications. The role specifies the element is a Data Grid. We created the Blazor Dashboard Application following the best practices of building UI with Telerik UI for Blazor components, which makes it a fantastic learning resource. Try Telerik UI For BlazorTo take full control over the appearance of the Telerik UI for Blazor components, you can create your own styles by using ThemeBuilder. The Blazor Scheduler component lets you show a collection of events in a calendar making it easy to management them. DateTimePicker. Blazor ColorPalette. NET Multi-platform App UI (MAUI) is a cross-platform framework, currently in development at Microsoft. Every change that you make is visualized almost instantly. For best results, the Telerik Extension for Visual Studio Code is. Telerik UI for Blazor just. View the source code of the demos from the library or. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. Learn how to use Class TelerikGrid<TItem> . Blazor Chip Overview. Use the CRUD events to transfer the changes to the underlying data source (for example, call a service to update the database, and not only with the view data). The Blazor Tooltip component enhances the default browser tooltips in a beautiful, cross-browser popup. FIXED. public GridCommandButton() Properties Id. Web Blazor ASP. Blazor ListBox Overview. Everything in DevCraft UI. The Telerik UI for Blazor DropZone component allows users to effortlessly drag and drop files to a specific area within a web application or page. NET MAUI is the future of cross-platform development with . The Telerik UI for Blazor DropZone component enables users to drag and drop files to a larger area on the web page for a more flexible user experience. NET, helping developers write C# front and back. for. Blazor Wizard. Blazor developers can look forward to a new collection of components, including a multifunctional Spreadsheet component, DockManager. You can declare a single notification instance in the main layout of your app and pass it down to all components in the app so they can all show notifications if they need to. Implement manual data source operations and implement the desired query yourself. DataSource. The file name. SetStateAsync (GridState<TItem>) Changes the state of the Grid. Grid. NET Web Forms, Angular, React, WPF, WinForms, WinUI. To display a custom icon, create a custom object that inherits from SvgBase and pass it to the same Icon parameter. This Charts and Graphs Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. Easily display built-in Blazor font icons or leverage custom ones with the Telerik UI for Blazor FontIcon component. It is used internally if no app-specific service is. The new LocationChanging event and NavigationLock component make it much easier to intercept both internal and external navigation events in order to run custom business logic. k. The big promise of using C# everywhere is what got us hooked and we haven’t regretted the choice one second. Creating Splitter for Blazor. NET tools and Kendo UI JavaScript components in one package. Click “Next. A component that renders a specific Form group. The Telerik UI for Blazor FileManager component enables you to easily manage files and folders and perform common operations like accessing, renaming, sorting, searching, uploading and downloading of files. The Telerik UI for Blazor suite offers several gauge components that let you visualize data values against a scale to easily identify them as suitable or sub-par values. Introduced support for exporting document pages to images. The floating label displays on top of empty Telerik Blazor textboxes and dropdowns, and moves above them on focus. When Mode is set to Push, the Drawer's default width is 240px when expanded, and 50px when collapsed in MiniMode. NET 7/8 (yet in preview), you can access Blazor’s unique capabilities. - Docs. Blazor PDFProcessing comes with easy to use API which allows code-only generation of PDF documents. Conclusion. You can use an ASP. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. Expand Items in the Telerik PanelBar. The AutoComplete component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. Hit the ground running with our extensive demos. The two cases are: Using isolated styles with a component Class. Size class: The Size configuration of the Form affects the padding of all the editors and buttons. The PanelBar component exposes events that allow you to respond to the user actions. Get current Grid column state (order index, width, and others) Save, load, change the Grid for Blazor state - grouping, sorting, filtering and so on. NET 9 framework, ensuring that developers can leverage the latest enhancements in their web projects. Tiles can be reordered by the end user to best match their style of work. I prefer to keep my code and markup in separate files, so I added an Index. ThemeBuilder is a web application that enables you to create new themes and customize existing ones. Start the Convert Project Wizard from the project context menu. Blazor Animation Container. Telerik UI for Blazor offers 110+ native, easy-to-customize Blazor components for data handling, performance, UX, design, accessibility, and more. Try Progress Telerik UI for Blazor for free with our 30-day trial and enjoy our industry-leading support. Leverage web development skills, experience, and resources. Get familiar. Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!The TextBox component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. Introduced an option to replace the predefined Standard Fonts. NET MAUI. Blazor ComboBox Overview. March 06, 2023. You can increase or decrease the size of the Form by setting the Size parameter to a member of the Telerik. If needed, set a new name to the Name property of the file. Allow your users to pick from a color gradient, color palette or both. The Blazor ListView control is part of Telerik UI for Blazor , a comprehensive, professional-grade UI library for building modern and feature-rich applications. scss file and consume the theme package in the following way: Obtain the theme source through the NPM package. The Blazor UI Drawer component allow you to add dismissible, collapsible or permanently visible side panel for navigating in responsive web applications. Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more! Documentation. Blazor Getting Started Guide. If you render components in the tabs created in a foreach loop, you may want to set their @key parameter to. Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more! Documentation. See Telerik UI for Blazor in action and check out how much it can do out-of-the-box. The FileManager component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. This feature attempts to address the need for a Compact Grid, which renders more items by utilizing the available space, mainly through setting smaller padding in its cells. The Blazor AutoComplete requires a data source so that it can populate the dropdown with data. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. It can work with local data or a remote XMLA data such as an OLAP cube. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. The Telerik Blazor Form component allows you to define groups along with a descriptive label text and columns layout. Includes all properties, which are controlled by the user - grouping, filtering, edit items, column state, etc. The component enables you to invoke commands while preserving the screen real estate. Needed only for Virtual columns and Hidden columns scenarios, when not all columns are rendered in the DOM. You can alert users or present important information to them in a friendly and stylish way in both Blazor WebAssembly (WASM) and Server-side Blazor apps. All Telerik . . Get started with Blazor in Visual Studio 2022: Set up the development environment, create your first Blazor Server project, navigate the project structure, and learn about the development lifecycle. NET 8 Blazor Web App and Blazor Hybrid apps. The Blazor button can be rendered as Submit, Button and Reset type of button and provides the option to apply image, sprite or a font. Introduced support for SEQ Field. Every change that you make is visualized almost instantly. Click —Child Menu items will display when. razor. The Pdf Viewer for Blazor allows users to open PDF files directly in the browser. Blazor. In this video, he goes through five of the most practical and frequently used components – TextBox, DropDownList, AutoComplete, MultiSelect, and CheckBox. SetStateAsync (GridState<TItem>) Changes the state of the Grid. The component provides features such as paging, zooming, printing, text selection and search. This includes the client-side assets, the service, and the SignalR hub. Blazor DropZone Overview. The information in this article is also available as step-by-step tutorials for Blazor Server, WebAssembly, . skip navigation. An Editor tool is the visible interface for a given action. The Loader component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building. This article describes the steps in the typical workflow for using the Telerik UI for Blazor components—getting the Telerik UI for Blazor components and configuring your project. Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components. The Drawer allows switching the content of different sections on the page. The class for the command button in a TreeList. Blazor package: Telerik. The FloatingLabel provides built-in animations, integration with form validation and the Placeholder parameter. xslx extension for you. 0. Another option is to use Telerik UI for Blazor’s TelerikGridLayout. Specifies the id attribute of the command button. Pass -s <path to the archive> when running the script. The component provides tile layers, shape (vector) layers, bubble layers, and marker layers. Install the Telerik Blazor NuGet package: Select the telerik. Blazor</MtouchExtraArgs> </PropertyGroup>. You can drag and rearrange, resizing tiles with multiple rows and columns to build customizable dashboards for your users. The file extension. Each panel can be expanded separately or together with others. GridSelectionMode enum. MenuShowEvent enum: MouseEnter —Child Menu items will display when the mouse cursor enters a parent Menu item. This includes benefiting from the browser rendering engine and modern CSS features like the CSS Grid and CSS Flexbox. Start your Visual Studio 2022. File Upload offers you a rich events list to accommodate security information, application logic and even file validation. Used to preload a list of files to the Upload component during initialization. The Blazor Animation Container component is an expandable container that shows up and hides with an animation mode. It provides templates, various configuration options, validation and keyboard navigation. Telerik UI for Blazor is native to Blazor, ensuring seamless integration and performance improvements. The Change Theme dropdown provides a list of the most common swatches. a @Curious Drive in his "Getting Started with Telerik UI for Blazor" journey. Download Free Trial. You can use a Bar chart to show a comparison between several sets of data (for example, summaries of sales data for different time periods). It defaults to the "regular" scrolling. ”. Blazor is one of the most exciting technologies for web developers on the . Blazor applications consist of multiple layers of components. The Blazor Data Grid from Progress Telerik UI for Blazor makes it much easier to present tabular data (complete with all those “advanced” features, like filtering, sorting and paging). DevCraft. Blazor Getting Started Guide. Using isolated styles for popups (Window, Dialog). You can see what the column menu can do and how to control its settings in the. Embed Blazor Components in Any Webpage with . Attach Series Items to Their Categories. To render a Telerik UI icon, use a value from the built in enumeration FontIcon and pass it to the Icon parameter. To use these dialogs, receive a cascading parameter of type Telerik. You can easily customize any of out-of-the-box themes with a few lines of CSS, or create a new. Telerik UI for Blazor is the most extensive suite of UI components and tools for Blazor. The Telerik UI for Blazor components use a set of keys that a localization service resolves to the strings that will be rendered in the UI. The Blazor SplitButton provides various configuration options to make it as easy as possible to satisfy your requirements. Find tutorials, demos,. Sample Applications Blazor Dashboard Application. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for. RequirementsTo take full control over the appearance of the Telerik UI for Blazor components, you can create your own styles by using ThemeBuilder. Blazor WebAssembly is the most known model where the . UI. Join the amazing Fahad Mullaji a. The Telerik UI for Blazor LinearGauge visualizes numerical values on a scale of ranges in a linear format. NET and C#. This integration enables the users to drag and drop one or multiple files to a designated space in their viewport. The Blazor Treeview component displays data in a traditional tree-like structure. Adaptive Blazor ToolBar. NET stack and allows for building client/server-side web apps entirely in C#. The Telerik Blazor components use built-in icons with the help of two NuGet packages. cs class file to my Pages folder and marked it as a partial class. This report viewer brings a fluent user experience that blends with the rest of your Blazor application using the same input controls and styling mechanism. Popup edit mode throws about parameterless constructor when using OnModelInit. Out of the box, the Telerik NuGet package carries a . The powerful TileLayout component allows you to build customizable dashboards for your. The Blazor Slider component allows the user to select a value by dragging its handle along the track, or by clicking the side arrow buttons. This allows you to build customizable dashboards for your users, save and restore the layout state. The Blazor TileLayout component is based on the two-dimensional CSS grid and displays its content in tiles. You can use the RadSpreadStreamProcessing library to create or read large amount of data with a low memory footprint and great performance.