Unable to Display Bold Reports in Blazor SfDialog (Popup Appears Empty)

Hello,

I am trying to display a Bold Reports report inside a Blazor SfDialog component, but the popup appears empty. The report works fine outside the dialog, but when placed inside SfDialog, it does not render properly.

I have verified that all necessary scripts and styles are included. Could you please provide guidance on how to resolve this issue?

Thank you in advance for your support.

SfDialog Height="100%" Width="100%" Target="#target" ShowCloseIcon="true" @bind-Visible="Visibility">

    <DialogTemplates>


        <Header>

            Success

        </Header>

        <Content>

            <div id="report-viewer" style="width: 100%;height: 950px"></div>

        </Content>

    </DialogTemplates>

    <DialogButtons>

        <DialogButton Content="Close" IsPrimary="true"/>

    </DialogButtons>

</SfDialog>


1 Reply

YV Yaswin Vikhaash Rajaretenam Syncfusion Team March 4, 2025 07:35 AM UTC

Hi Ahmet AKARSU,


We have created a sample based on the code you shared; however, we were unable to replicate the scenario you are facing. Please find the attached sample and reference image for your review.

To better understand and address the issue, could you please provide the following details?

  • A modified sample that reproduces the issue
  • A video demonstrating the issue

These details will help us analyze the scenario more effectively and provide you with an appropriate solution.


Image reference:

Regards,

Yaswin Vikhaash



Attachment: BoldReports_with_dialog_292a3ffe.zip

Loader.
Up arrow icon