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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Dialog Vertical Height Incorrect.

Thread ID:

Created:

Updated:

Platform:

Replies:

150313 Jan 1,2020 02:03 PM UTC Jan 6,2020 05:00 AM UTC Blazor 3
loading
Tags: Dialog
Gary Hall
Asked On January 2, 2020 07:46 AM UTC

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)
                {
                   
                }
               
                   

                       
                   

                   

                       
                   

               

           

           
               
           

       

   


@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 [Syncfusion]
Replied On 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. 
   
   
  #target   
  {   
       min-height: 500px; 
  }   
   
 
   
Could you please check the suggested solution and confirm whether it resolve your issue? 
 
Regards,
Pandiyaraj
 


Gary Hall
Replied On January 5, 2020 10:54 AM UTC

Hello Pandiyaraj,

Yes setting a height on the target element works.

Thanks for your advice.

Cheers.

Gary.

Pandiyaraj Muniyandi [Syncfusion]
Replied On 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.   
  
Regards,  
Pandiyaraj  


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon