File Manager issue when published

[Ben Junior]

Using VS 2019, NetCore 5 and Syncfusion Blazor 19.2.0.55

FileManager works fine on my local developer machine but once I published it on MS Azure on IIS 10 it shows the pictures only on first time it is loaded. After that it is all blank. Please see atached project. On Home page, please click the "Open" button to show the File Manager and you can see that it may be closed and opened any number of times. However, once it is published it can only be opened one time and once closed when reopend  it will not show the folders anymore, unless I stop and restart the site on IIS 10 server. 

You can see this on this link here

Attachment: BlazorFileManager_6361e112.zip

[Indhumathy Loganathan]

Hi Ben, 

 

Greetings from Syncfusion support. 

 

We have validated your reported query in File Manager component with the shared sample. We can replicate the reported issue(files/folders are not loaded during second time) by hosting the sample in IIS. But we need some additional time to validate on this issue and we will update you further details on 20^th August, 2021. 

 

We appreciate your patience. 

 

Regards, 

Indhumathy L 

[Ben Junior]

Hi  Indhumathy L 

Thanks for your reply; this issue caught me by surprise and now I cannot delivery the product to my client. I understand these things happen and is no one fault and also that you need more time, but please let me know asap when you find a solution or a work around. 

Thanks again

Ben Junior

[Indhumathy Loganathan]

Hi Ben, 

 

We have validated your reported query and able to reproduce the issue. The File Manager content is not visible because the height of the dialog popup is not compatible with the height of the File Manager. We face the same issue in the local sample as well. 

 

We can resolve the issue by refreshing the File Manager in the Opened event of Dialog component. The following code snippet demonstrate the solution. 

 

<SfDialog Width=800 Height=800 ShowCloseIcon="true" IsModal="true" AllowDragging="true" EnableResize="true"> 

        <DialogTemplates> 

            <Content> 

                <SfFileManager @ref="filemanager" TValue="FileManagerDirectoryContent" ShowFileExtension="false"> 

                    <FileManagerAjaxSettings Url=@($"{NavigationManager.BaseUri}api/SampleData/FileOperations") 

                                             GetImageUrl=@($"{NavigationManager.BaseUri}api/SampleData/GetImage") 

                                             UploadUrl=@($"{NavigationManager.BaseUri}api/SampleData/Upload") 

                                             DownloadUrl=@($"{NavigationManager.BaseUri}api/SampleData/Download")> 

                    </FileManagerAjaxSettings> 

                    <FileManagerUploadSettings AllowedExtensions=".jpg,.jpeg,.gif,.png"></FileManagerUploadSettings> 

                </SfFileManager> 

            </Content> 

        </DialogTemplates> 

        <DialogEvents Opened="@AfterOpen"  /> 

        <DialogButtons> 

            <DialogButton Content="Close" IsPrimary="false" OnClick="(() => { ShowImageUploadModal = false; })" /> 

        </DialogButtons> 

    </SfDialog> 

    } 

} 

@code 

{ 

    SfFileManager<FileManagerDirectoryContent> filemanager; 

    ... 

    public void AfterOpen() 

    { 

        filemanager.RefreshLayoutAsync(); 

    } 

} 

 

You can find the sample demonstrating the solution from below link. 

 

https://www.syncfusion.com/downloads/support/forum/168146/ze/BlazorFileManager1937105430 

 

Please check the above sample by hosting it in IIS and get back to us if you need any further assistance. 

 

Regards, 

Indhumathy L 

[Ben Junior]

Hi Indhumathy L

THanks so much for your solution. It works perfectly now.

Ben Junior.

[Keerthana Rajendran]

Hi Ben, 

Most welcome. We are glad to hear that the provided solution helped you. Please get back to us if you need any further assistance.  

. 

Regards, 

Keerthana.