Next Suite for Blazor

Features · Downloads · Buy now

About

NextSuite for Blazor is a set of powerfull, yet easy to use Blazor components.

It includes components such as powefull Data grid, PageControl, Dialog, SearchBox, Callout, date picker, navigation view and many more.

Main Features

  • 25+ native Blazor components.
  • Easy to learn and use in both simple and complex scenarios.
  • DataGrid with multiple layouts that can be switched at any time.
  • Every component is highly customisable with custom CSS styles and RenderFragments.

Screenshots

Links

  • Online Demo Online demo demonstrating work with the components.

    • Downloads

  • Release HistoryRelease History PDF

    • Supported IDEs

    Visual Studio 2022, .NET 7.0+

    Features

    Form controls can be used as an inplace-editors

    All our in-place editors (form controls) can be used as an editor inside NextGrid.

    Any other component can be easily adopted into in-place editor.

    Highly customisable and adaptive

    All components from the suite are hightly customisable. Behaviour and appearance can be customised via custom CSS styles or templates.

    For example, DropDownList component can be used out of the box like:

    <DropDownList T="Person" ItemsSource="Persons" />

    But it can be furhter customised with parameters:

    <DropDownList T="Person" ItemsSource="Persons" ItemCssClass="person" ListWidth="240px">
        <UnselectedTemplate>(nothing selected)</UnselectedTemplate>
        <SelectedItemTemplate>@context.Name</SelectedItemTemplate>
        <ItemTemplate>
    ...
        </ItemTemplate>
    </DropDownList>

    Multiple column types

    NextGrid includes several different column types such as TextColumn, SpinColumn, DropDownListColumn, RateColumn... Some of them are fitting better for specific data types. For example SpinGridColumn is best fit for displaying and editing numeric values.

    They are very easy to add and set:

    <NextGrid T="Product" ItemsSource="Products">
        <DetailsGridLayout DetailsCol="5" />
        <DropDownListColumn T="Category" ItemsSource="Categories" />
    </NextGrid>


    Offcourse, there is a base column type that can accept any other component and can be customized in detail.

    Multiple grid layouts

    NextGrid for Blazor supports multiple different layouts. At any point layout can be swithed from standard detailed layout to stacked via parameter.

    <NextGrid ActiveGridLayoutIndex="1" ItemsSource="Products">
        <DetailsGridLayout DetailsCol="5" />
        <StacksGridLayout />
    </NextGrid>