Skip to main content
All docs
V25.1
  • ToolbarItem.IconCssClass Property

    Specifies an item icon’s CSS class.

    Namespace: DevExpress.Blazor.Reporting.Models

    Assembly: DevExpress.Blazor.v25.1.Viewer.dll

    NuGet Package: DevExpress.Blazor.Viewer

    Declaration

    public string IconCssClass { get; set; }

    Property Value

    Type Description
    String

    The CSS class name.

    Remarks

    The following code adds a new item with the specified icon:

    @page "/toolbar/"
    
    @using DevExpress.Blazor.Reporting
    @using DevExpress.XtraReports.UI
    @using BlazorCustomization.PredefinedReports
    @using DevExpress.Blazor.Reporting.Models
    
    @inject IJSRuntime JsRuntime
    
    <div @ref="viewerComponent" style="width: 100%; height: 1000px;">
        <DxReportViewer @ref="reportViewer"
                        OnCustomizeToolbar="OnCustomizeToolbar"
                        Report="Report" />
    </div>
    
    @code {
        DxReportViewer reportViewer;
        XtraReport Report = new TableReport();
        private ElementReference viewerComponent;
    
        void OnCustomizeToolbar(ToolbarModel toolbarModel)
        {
            toolbarModel.AllItems.Add(new ToolbarItem()
            {
                // Use Open Iconic's icon.
                IconCssClass = "oi oi-command",
                Text = "Full Screen",
                AdaptiveText = "Full Screen",
                AdaptivePriority = 1,
                Click = async (args) =>
                {
                    await JsRuntime.InvokeVoidAsync("customApi.requestFullscreen", viewerComponent);
                }
            });
        }
    
    }
    

    Review the following help topic for more information: Icons.

    View Example

    Implements

    See Also