components height bigger than pannel height

[Jean Francois Nadeau]

Hi. I am building a Dashboard with the ej2 Dashboard pannels. In one of them, there is a Maps component and in the other there is a donnut chart. As you can see in the joined pictures, everything is fine with my original screen resolution. But if I try a lower resolution like an ipad resolution, the height of the components "breaks" and ignores the pannel size. How do I make the components size dependent of its dashboard pannel?

Attachment: dashboard_problem_c28f903c.zip

[Meghana]

Know more about this issue at http://www.dotnet.idn-kxchange.com/forums/recent_topics

[Swetha Babu]

Hi  Jean,

Thank you for contacting Syncfusion support.

Please find the details for your queries from the below table. 

Queries	Details
Dashboard Layout panel with ej2 donut chart	We have analyzed your query. From that, we would like to let you know that the chart is responsive with respect to the width and height of its parent element, if its zero, then it will render with its default size(600 * 450). Hence we suggest you to use the below workaround solution to achieve your requirement. In that we have modified the style of chart and accumulation chart using class name to achieve your requirement. Please find below code snippet and screenshot.     Code Snippet:   <style>       .e-chart {           height: inherit !important;       }       .e-accumulationchart{           height: inherit !important;       }   </style>      Screenshot:
Dashboard layout with ej2 maps	We are able to reproduce the reported issue with the resolution and the Maps control. We will update you with further details on October 26, 2020.

Please let us know if you need any further assistance.

Regards,
Swetha Babu 

[Jean Francois Nadeau]

Thanks, I found an alternative. Since I want my panels to be square and responsive, I've added a OnCreated and OnResize functions that sets the component height value to the value of its pannel width. 

[Swetha Babu]

Hi Jean,

Thank you for your update.

We are glad to hear that you have found the solution to the reported scenario. We have also analyzed and found the same solution to achieve your requirement. Please use the arguments available in the OnCreated and OnResize events to resolve the reported issue.

Please let us know if you need any further assistance.

Regards,
Swetha Babu