Is the dialog responsive similar to Bootstrap?

[j]

I noticed SfDialog has these Width, Height, etc. it sounds like that the component is fixed to that dimensions.
Although I haven't completely checked it, but to avoid too much experiments, I just want to ask, is the dialog responsive for mobile use?

[Indrajith Srinivasan]

Hi J, 

 

Greetings from Syncfusion support, 

 

Yes, the SfDialog is responsive to mobile devices. The height and width properties are for customizing the dialog based on the user needs. You can render the dialog without these scaling properties. In such cases, the dialog will render based on the content specified. The dialog provides a full-screen option also to occupy the entire viewport size. 

 

Check the below link for the features available in Blazor SfDialog. 

 

https://www.syncfusion.com/blazor-components/blazor-modal-dialog 

 

Regards,
Indrajith 

[JimVakos]

using ClassCss="dialog-medium" stopped working after  v .50 

[Vinitha Jeyakumar]

Hi Jim,

For theme studio, we have provided custom theme support in the Dialog component after the 20.3.47 version. As per these changes, the cssClass property class name is applied to all our dialog dependent components. For example, custom theme styles are applied in the buttons inside dialog through a custom class name.

 if you wish to apply the custom styles in our dialog component, you can apply them through a custom class name with particular dialog elements like the below code.

Code snippet:

​

<SfDialog IsModal="true"  CssClass="dialog-medium">

        

   </SfDialog>
<style>

    .dialog-medium .e-dialog .e-dlg-header-content {

        background-color: red;

    }

</style>

If still you face any issues with CssClass property in Dialog control, please provide us with the issue reproducing sample or entire code snippet.

Regards,

Vinitha