How to make checkbox always visible in Filemanager

[Ahmed Samy]

Hello Syncfusion Team,

For blazor file manager we want the checkbox at the header to be always visible so user can know he can select all from it, as now it will be only visible when you hover over it.

I changed the  ShowItemCheckBoxes to true but it still don't show.  how we can achieve that ?

<SfFileManager @ref="FileManager" ID="Filemanager" TValue="FileManagerDirectoryContent" ShowItemCheckBoxes=true

Best regards,

Ahmed

[Jafar Ali Shahulhameed]

Hi Ahmed,

After reviewing your query, we understand that you want to make the header checkbox visible in the File Manager component. Currently, the checkbox becomes visible when hovering over the row. To meet your requirement, we recommend adjusting the “Visibility” value specifically for the header checkbox using CSS styling.

We have utilized the FileManager component's “CssClass” property to implement this through CSS styling.

[Index.razor]

 

<div class="control-section">

    @* Initialization of default File Manager component *@

    <SfFileManager TValue="FileManagerDirectoryContent" View="ViewType.Details" CssClass="fileManager">

                ........

 

    </SfFileManager>

</div>

 

<style>

    .e-filemanager.fileManager .e-grid .e-gridheader .e-checkbox-wrapper {

        visibility: visible;

    }

</style>

We have also attached a sample for your reference.

Sample : Attached as zip folder.

Check out the shared details and get back to us if you need any further assistance.

Regards,

Jafar

Attachment: BlazorFileManager_22fcb158.zip

[Ahmed Samy]

Hello Jafar,

Thanks a lot, this solution fixed my issue.