Changing the Designer Options

Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.
Открыть на GitHub
Продукты ✖Reports для Blazor ✖Дизайнер ✖Настройка ✖
The Blazor designer is configured the same way as the viewer, through an options object and a theme.

Designer setup. Configure the designer, load the report template, process its callbacks, and connect the save action to the application.
@page "/"
@using Stimulsoft.Base
@using Stimulsoft.Report
@using Stimulsoft.Report.Blazor
@using Stimulsoft.Report.Web
@inject HttpClient Http

<!--Report Designer-->
<StiBlazorDesigner Report="@Report" Options="@Options" Theme="StiDesignerTheme.Office2022BlackCarmine" />

@code
{
    //Designer options object
    private StiBlazorDesignerOptions Options;

    //Report object to use in Designer
    private StiReport Report;

    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();

        //How to activate
        //Stimulsoft.Base.StiLicense.Key = "6vJhGtLLLz2GNviWmUTrhSqnO...";
        //var licenseStream = await Http.GetStreamAsync("Secret/stimulsoft.key");
        //Stimulsoft.Base.StiLicense.LoadFromStream(licenseStream);

        //Init options object
        this.Options = new StiBlazorDesignerOptions();

        //Set some options
        this.Options.Toolbar.ShowPageButton = false;
        this.Options.Toolbar.ShowInsertButton = false;
        this.Options.Toolbar.ShowLayoutButton = false;
        this.Options.Appearance.ShowTooltips = false;
        this.Options.Appearance.ShowDialogsHelp = false;

        //Create empty report object
        this.Report = new StiReport();

        //Load report template
        var reportBytes = await Http.GetByteArrayAsync("Reports/TwoSimpleLists.mrt");
        this.Report.Load(reportBytes);
    }
}

The <StiBlazorDesigner> component mirrors the viewer: a StiBlazorDesignerOptions object controls which toolbar buttons and help features appear, and the Theme parameter sets the interface style.
На скриншоте ниже Вы можете увидеть результат выполнения данного кода:

Changing the Designer Options
Открыть на GitHub Скачать