Configuring Spreadhseet control

[Frank]

Hello,

I would like tot use the Blazor Spreadhseet component in a .NET MAUI App.

The app should only show the Excel spreadsheet and nothing else. Therefore I would like to configure the control in a way, that only the sheet is shown and no menu or quick bar.

Regards

Frank 

[Santhanalakshmi Ramachandran]

Hi Frank,

Thank you for reaching out.

 

Yes, it's possible to integrate the Blazor Spreadsheet into your .NET MAUI application and configure it to display only the spreadsheet view, excluding additional UI elements like the ribbon or quick access toolbar.

To achieve this, you can customize the component's rendering by excluding the ribbon menu from your layout. The code example below demonstrates how to render the spreadsheet without the built-in ribbon:

@page "/"

@using Syncfusion.Blazor.Spreadsheet

 

<SfSpreadsheet @ref="SpreadsheetRef" DataSource="DataSourceBytes">

</SfSpreadsheet>

 

@code { 

    public byte[] DataSourceBytes { get; set; }

    public SfSpreadsheet SpreadsheetRef;

 

    /// <summary>

    /// Initializes the component and loads the default Excel file

    /// </summary>

    protected override async Task OnInitializedAsync()

    {

        string filePath = "wwwroot/Sample.xlsx";

        DataSourceBytes = File.ReadAllBytes(filePath);

    }

}

 

In the sample attachment below, the ribbon configuration is omitted to provide a clean, minimal interface focused solely on the spreadsheet content.

Sample: Please refer to the attachment.

Additionally, we have a helpful Getting Started guide that walks you through integrating a Blazor app into a .NET MAUI application:

https://blazor.syncfusion.com/documentation/getting-started/maui-blazor-app

https://blazor.syncfusion.com/documentation/getting-started/maui-blazor-web-app 

Please review the details above and get back to us if you have any further questions or concerns.

Regards,

Santhanalakshmi.

Attachment: MauiApp_fa94106b.zip