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
  1. Home
  2. Forum
  3. Angular - EJ 2
  4. Reactive form dialog box size

Reactive form dialog box size

I have followed your example but for some reason the dialog box does not resize to show the entire form. It displays only the top field.

Any help is greatly appreciated.

Thank You,

Regards,

Ameet

7 Replies
PK Prasanna Kumar Viswanathan Syncfusion Team January 29, 2020 10:54 AM UTC

Hi Ameet, 
 
Thanks for contacting Syncfusion support. 
 
Based on your query we suspect that edit dialog box does not displayed properly when you edit or add the records in Grid. To find out the root cause of an issue, we need the following details 
 
1. Share the screenshot of an issue. 
 
2. Share the complete Grid code example. 
 
3. Syncfusion Package Version details.  
 
Regards, 
Prasanna Kumar N.S.V 


SK Skander August 30, 2022 11:42 AM UTC

hello,

I have the same problem with angular too.

the example provided in the documentation is not working properly.


https://angular-ftpsqm.stackblitz.io


RR Rajapandi Ravi Syncfusion Team August 31, 2022 08:02 AM UTC

Hi Ameet,


Thanks for the update


We have checked your sample and the dialog was rendered properly while editing and adding the row, please refer the below sample for more information.


Sample: https://stackblitz.com/edit/angular-ftpsqm-pcjwty?file=app.component.ts,app.component.html


So, before we start providing solution to your query, we need more information for our clarification. Please share the below details that will be helpful for us to provide better solution.


1)      Share your problem scenario with pictorial or video demonstration.


2)      Share the issue replication procedure step by step.


Regards,

Rajapandi R


SK Skander August 31, 2022 11:53 AM UTC

Hello,

thank you for your fast reply.

here's the dialog of the 'Add' button from your example:



Here's how it should be(or I wanted to be)




Kind regards


RR Rajapandi Ravi Syncfusion Team September 1, 2022 12:47 PM UTC

Hi Skander,


Thanks for the update


You can get the dialog like this by changing the CSS theme, please refer the below code example and sample for more information.


Index.html

 

<head>

  <meta charset="utf-8">

  <title>Window</title>

  <link rel='nofollow' href="//cdn.syncfusion.com/ej2/bootstrap5.css" rel="stylesheet" />

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="icon" type="image/x-icon" rel='nofollow' href="favicon.ico">

</head>


Sample: https://stackblitz.com/edit/angular-ftpsqm-ubfhm4?file=app.component.html,app%2Fapp.module.ts,index.html


Regards,

Rajapandi R



SK Skander September 1, 2022 03:48 PM UTC

Hello,


I'm  sorry, my problem is that the dialog is always small.

my issue is with the size


RR Rajapandi Ravi Syncfusion Team September 2, 2022 01:34 PM UTC

Hi Skander,


Thanks for the update


Before we start providing solution to your query, we need more information for our clarification. Please share the below details that will be helpful for us to provide better solution.


1)            Share your complete Grid rendering code(Ts & Html file).


2)            Share your syncfusion package version.


3)            Share the issue scenario in video demonstration format.


4)             Share any simple issue reproducible sample or try to reproduce the problem in our same which was shared in our previous update.


Regards,

Rajapandi R


Loader.
Up arrow icon