Blazor UI components
Default UI with Boostrap
The modern graphical representation of the RecroGrid Framework is developed in the Blazor environment. To use various component libraries, it is sufficient to add the appropriate package to the project, enabling high-functionality client-side rendering without the need for any additional added code. The initialization and interconnection of client and server-side services are described in the following references.
Next step
![](pictures/blazor/blazor-grid.png)
![](pictures/blazor/blazor-form.png)
Blazor 3rd party libraries
The RecroGrid Framework provides the option to create a custom graphical library or offers ready-made solutions using some third-party libraries.
By using the following packages, the RecroGrid Framework is capable of rendering the user interface with the components of the respective library. In this case, instead of the default UI package, you should use and initialize the following packages.
DevExpress
UI is distributed as the
nuget package.
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.DevExpressUI
var loggerFactory = builder.Services.BuildServiceProvider().GetRequiredService<ILoggerFactory>();
var logger = loggerFactory.CreateLogger<Program>();
builder.Services.AddRgfBlazorServices(builder.Configuration, logger);
builder.Services.AddDevExpressBlazor(configure => configure.BootstrapVersion = BootstrapVersion.v5);
var host = builder.Build();
await host.Services.InitializeRgfBlazorAsync();
await host.Services.InitializeRgfDevExpressUIAsync();
await host.RunAsync();
For more information, visit the library's website: DevExpress Blazor UI
Radzen
UI is distributed as the
nuget package.
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.RadzenUI
var loggerFactory = builder.Services.BuildServiceProvider().GetRequiredService<ILoggerFactory>();
var logger = loggerFactory.CreateLogger<Program>();
builder.Services.AddRgfBlazorServices(builder.Configuration, logger);
builder.Services.AddScoped<Radzen.DialogService>();
var host = builder.Build();
await host.Services.InitializeRgfBlazorAsync();
await host.Services.InitializeRgfRadzenUIAsync();
await host.RunAsync();
Syncfusion
UI is distributed as the
nuget package.
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.SyncfusionUI
var loggerFactory = builder.Services.BuildServiceProvider().GetRequiredService<ILoggerFactory>();
var logger = loggerFactory.CreateLogger<Program>();
builder.Services.AddRgfBlazorServices(builder.Configuration, logger);
builder.Services.AddSyncfusionBlazor();
Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense(builder.Configuration.GetValue<string>("Syncfusion:LicenseKey"));
var host = builder.Build();
await host.Services.InitializeRgfBlazorAsync();
await host.Services.InitializeRgfSyncfusionUIAsync();
await host.RunAsync();
Telerik
UI is distributed as the
nuget package.
dotnet add package Telerik.UI.for.Blazor
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.TelerikUI
var loggerFactory = builder.Services.BuildServiceProvider().GetRequiredService<ILoggerFactory>();
var logger = loggerFactory.CreateLogger<Program>();
builder.Services.AddRgfBlazorServices(builder.Configuration, logger);
builder.Services.AddTelerikBlazor();
var host = builder.Build();
await host.Services.InitializeRgfBlazorAsync();
await host.Services.InitializeRgfTelerikUIAsync(trial: true);
await host.RunAsync();
For more information, visit the library's website: Telerik Blazor UI