Dialog without close button

Hi Syncfusion,

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

Regards,
Taweesak U.

3 Replies

DL Deepa Loganathan Syncfusion Team September 19, 2018 07:18 AM UTC

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>   
  
  
  
Regards,   
Deepa L.   



TU Taweesak Upala September 22, 2018 05:31 PM UTC

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.


BS Buvana Sathasivam Syncfusion Team September 24, 2018 06:35 PM UTC

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. 

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 
 


Loader.
Up arrow icon