We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Dialog Vertical Height Incorrect.


I am trying to create a login dialog using the EjsDialog control, whilst I have the page developed the control does not expand vertically to show both of the EjsTextBox controls I have inserted into the form, could somebody help and advise what I am doing wrong please?

@page "/login"
@inject IAuthService AuthService
@inject NavigationManager NavigationManager


                @if (ShowErrors)









@code {
    EjsDialog DialogObj;
    EjsTextBox userNameTextboxObj;
    EjsTextBox userPasswordTextboxObj;

    private LoginModel loginModel = new LoginModel();
    private bool ShowErrors;
    private string Error = "";

    private async Task HandleLogin()
        ShowErrors = false;

        var result = await AuthService.Login(loginModel);

        if (result.Successful)
            Error = result.Error;
            ShowErrors = true;

3 Replies

PM Pandiyaraj Muniyandi Syncfusion Team January 2, 2020 08:49 AM UTC

Hi Gary, 
Greetings from Syncfusion support. 
We have validated the reported issue from our end and it occurs, when the target element doesn’t have enough height. As per Dialog component behavior, we calculate and update the max-height based on the Target element. So, we suggest you add min-height for the target element to display a dialog with proper height as follows. 
       min-height: 500px; 
Could you please check the suggested solution and confirm whether it resolve your issue? 

GH Gary Hall January 5, 2020 10:54 AM UTC

Hello Pandiyaraj,

Yes setting a height on the target element works.

Thanks for your advice.



PM Pandiyaraj Muniyandi Syncfusion Team January 6, 2020 05:00 AM UTC

Hi Gary,   
Thanks for your update.   
We glad to hear that the reported problem is resolved at your end. Kindly let us know, if you need further assistance on this.   

Live Chat Icon For mobile
Up arrow icon