Dialog Vertical Height Incorrect.

[Gary Hall]

Hello,

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

   
       
           

Login

           
                @if (ShowErrors)
                {
                   

                       

@Error

                   

                }
               
                   

                       
                   

                   

                       
                   

               
           
           
                Log In
           
       
   

@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)
        {
            NavigationManager.NavigateTo("/");
        }
        else
        {
            Error = result.Error;
            ShowErrors = true;
        }
    }
}




[Pandiyaraj Muniyandi]

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. 

   

   

  #target   

  {   

       min-height: 500px; 

  }   

   

 

   

Could you please check the suggested solution and confirm whether it resolve your issue? 

 

Regards,
Pandiyaraj 

[Gary Hall]

Hello Pandiyaraj,

Yes setting a height on the target element works.

Thanks for your advice.

Cheers.

Gary.

[Pandiyaraj Muniyandi]

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.   

  

Regards,  

Pandiyaraj