Full screen

[Dimitar]

Hello,

How to make file manager at full screen? This is MAUI Blazor Hybrid project. And it is possible Spinner in the center to be on full screen too?

Regards,

Dimitar

Attachment: Screenshot_5_c3e0d8b7.jpg

[Saravanan Jayavel]

Hello Dimitar,

Thank you for reaching out.

To make the File Manager full screen in your MAUI Blazor Hybrid project and ensure the spinner is centered properly,

you can follow the setup below:

Wrap the File Manager inside a div with 100% width and 100vh (viewport height), which ensures it fills the entire screen:

<div id="file-manager-container">

 

<SfFileManager TValue="FileManagerDirectoryContent" Height="100%">

<FileManagerAjaxSettings Url="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/FileOperations"

UploadUrl="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Upload"

DownloadUrl="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/Download"

GetImageUrl="https://ej2-aspcore-service.azurewebsites.net/api/FileManager/GetImage">

</FileManagerAjaxSettings>

<FileManagerEvents TValue="FileManagerDirectoryContent" OnSuccess="OnSuccess"></FileManagerEvents>

</SfFileManager>

</div>

 

<style>

#file-manager-container {

width: 100%;

height: 100vh; /* Takes full height of the viewport*/

position: relative;

}

<style>

The spinner used by the FileManager is placed in the center of the component. Since the component is now full screen (100vh), the spinner will also appear centered vertically and horizontally across the screen when active.

Let us know if you’d like to customize the spinner further or implement a custom loading indicator.

Regards,

Saravanan J

[Dimitar]

Great.  Thank you.

Actually I remove spinner and add xaml SfBusyIndicator. Works better to block whole page. Now with  FileManager at full screen all is great.

[Saravanan Jayavel]

Hi Dimitar,

 

Thanks for the update. Please get back to us for assistance in the future.

 

Regards,

Saravanan J

[Jorge Carlson]

It worked for me, Thank you so much.

[Triyan Dornan]

Thank you so much for helping me out.

[Saravanan Jayavel]

Hi Triyan Dornan,

 

Thanks for the update. Please get back to us for assistance in the future.

 

Regards,

Saravanan J