Toast width setting not working

[John Phillips]

No matter what I do, the width does not change. The position works (e.g. Right, Center), but I cannot get the width to respond. 

I have tried with and without "px" (e.g. 500 vs. 500px), etc.

Here is one example:

<div class="row">

    <div class="col-12">

        <SfToast @ref="UmbrellaFundCreatedToast"

                 Title="Fund Created"

                 Content="@m_fundCreatedName"

                 Timeout="5000"

                 Width="500" >

            <ToastPosition X="@ToastPosition"></ToastPosition>

        </SfToast>

    </div>

</div>

What I am doing wrong?

Thank you in advance!

[Vinitha Jeyakumar]

Hi John, 

 

 

Greetings from Syncfusion support 

 

 

We have validated your query “Toast width setting not working” 

 

We have tried to reproduce the reported issue in the following ways, 

 

• Ensured by setting the width to the Toast control.
• Also ensured the issue by using the code you have shared.
• Checked by running the sample in all major browsers.

 

But, we couldn’t replicate the issue at our end. We have also prepared a sample for your reference, 

 

Sample: https://www.syncfusion.com/downloads/support/forum/168751/ze/Toast_width-1225084207 

 

Can you please share the following details? 

 

• Your package version
• Are you using a web server or web assembly project.
• If possible, please share us with the issue reproducing runnable sample or modify the attached sample with issue reproducing code.

 

The above details will be helpful for us to replicate the issue from our end and to help you at earliest. 

 

Regards, 

Vinitha.