Dialog box weird look

Question

I see this weird dialog box when I click the Add button. It only has problem with the General tab, the other two tabs are fine. Apparently, there is a space added in between the labels (ID, Name, StartDate...) and the textboxes/dropdown menus. Is there a way to remove that space? I add nothing related to css in my code.

Pooja Priya Krishna Moorthy · Answer

Hi Desmond , 

We have checked from our side. However, we cannot able to replicate your reported issue. We attached a screenshot for your reference. 
Screenshot: 

  


We suspect that some other CSS from your application overrides ours which causes the problem. So could you please share the following details. 

Details of CSS referred in your application.
Can you eliminate other CSS and find out which one causing the problem? If you can find, could you share the details so that we could validate?
If possible, please share the issue occurring sample.

Regards, 
Premkumar S

desmond · Answer

Solved. I learnt that Blazor stylesheet will override it. Still a question about CSS, I added a gantt chart, then an ejs-dialog opened by a button. However, I have no way to force the dialog open inside the area of the gantt chart.

Monisha Sivanthilingam · Answer

Hi Desmond, We are glad that you were able to resolve your previously reported issue yourself. We can force the Dialog to open over the Gantt Chart by setting the target for the Dialog. We have rendered the Gantt inside a div element and have set the id of the div element as the target for the Dialog. The below code snippets demonstrate the solution. Index.cshtml

…

Sample: https://www.syncfusion.com/downloads/support/forum/171605/ze/F1716051261012830 Please contact us if you require any further assistance. Regards, Monisha.