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
 
        
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.
            
Install the package using .NET CLI or Package Manager
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.DevExpressUIInstall-Package Recrovit.RecroGridFramework.Client.Blazor.DevExpressUIvar 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.
            
Install the package using .NET CLI or Package Manager
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.RadzenUIInstall-Package Recrovit.RecroGridFramework.Client.Blazor.RadzenUIvar 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.
            
Install the package using .NET CLI or Package Manager
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.SyncfusionUIInstall-Package Recrovit.RecroGridFramework.Client.Blazor.SyncfusionUIvar 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.
            
Install the package using .NET CLI or Package Manager
dotnet add package Telerik.UI.for.Blazor
dotnet add package Recrovit.RecroGridFramework.Client.Blazor.TelerikUIInstall-Package Telerik.UI.for.Blazor
Install-Package Recrovit.RecroGridFramework.Client.Blazor.TelerikUIvar 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: false);
await host.RunAsync();For more information, visit the library's website: Telerik Blazor UI