Dialog without close button

[Taweesak Upala]

Hi Syncfusion,

For using as confirmation dialog, is it possible to open a dialog without close button?

Regards,

Taweesak U.

[Deepa Loganathan]

Hi Taweesak,   

   

Thanks for contacting Syncfusion Support.   

   

You can disable the close icon available in the dialog header using below CSS.   

  

Default.aspx   

<style class="cssStyles">   

              .e-dialog-icon.e-icon.e-close {   

                display : none;    // You can set display none on dialog close icon   

              }   

    </style>   

  

If you wish to open without dialog header text, you can disable ShowHeader property.  Please find the below code.   

  

Default.aspx   

  

<ej:Dialog ID="dialog" runat="server" Title="Dialog" ShowHeader="false"> // Disabled header   

   

        <DialogContent>   

             <p>This is a simple dialog</p>   

        </DialogContent>   

   

    </ej:Dialog>   

  

Sample: http://www.syncfusion.com/downloads/support/forum/139924/ze/SyncfusionASPNETApplication21704600358    

  

API links: https://help.syncfusion.com/api/js/ejdialog#members:showheader    

  

Regards,   

Deepa L.   

[Taweesak Upala]

Hi Deepa,

Your sample works find and I have another question. I put a combobox inside my dialog and set width of combobox to 100%, but I got additional white space on the right of my combobox as shown below. Do you know why?

Regards,

Taweesak U.

[Buvana Sathasivam]

Hi Taweesak, 

Thanks for your update. 

We have checked your reported issue.  But, we were unable to reproduce your exact issue.  We have rendered combo box inside the dialog content with width is ‘100%’.  But, referred site.css file override on the combo box CSS.  The site.css file max-width CSS is added for input element of combo box.  Please find the below screenshot of our facing issue.  

 

You can solve the above screenshot issue in below override CSS or else you can remove a site.css file in your page.  Please find the below override CSS. 

<style class="cssStyles"> 

        .e-combobox.e-input {   

            max-width : none;  // Set max-width is none on combo box input element 

        } 

    </style> 

Please find the below sample for your reference. 

http://www.syncfusion.com/downloads/support/forum/139924/ze/dialog_combo-993773940  

If you still face issues, please share your view page or full code.  So, that we will check and update you a prompt solution at earliest. 

Regards, 

Buvana S