1. Home
  2. Forum
  3. ASP.NET Core - EJ 2
  4. components height bigger than pannel height

components height bigger than pannel height

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

4 Replies 1 reply marked as answer
ME Meghana October 22, 2020 03:57 PM UTC

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


SB Swetha Babu Syncfusion Team October 23, 2020 04:22 PM UTC

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 


Marked as answer
JF Jean Francois Nadeau October 26, 2020 03:03 PM UTC

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. 

SB Swetha Babu Syncfusion Team October 27, 2020 11:50 AM UTC

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

Loader.
Up arrow icon