1. Home
  2. Forum
  3. Angular - EJ 2
  4. Dashboard not able to show custom e-panel component

Dashboard not able to show custom e-panel component

I am wanting to have custom components as each panel within the dashboard, but when I try to add them in they do not display at all. I have tried many variations using ng-templates etc but they can't have any e-panel stuff within the custom component it always has to be within the dashboard html itself.

putting the custom component within a #content> works, but I cannot have these within the custom component itself (which is a seperate html file) which means I can't use the #header and the content isn't bound to within the height of the panel and stretches below it.

I am using the ABP Framework


Attachment: DashboardIssueScripts_d43b7cca.zip


1 Reply
LD LeoLavanya Dhanaraj Syncfusion Team June 27, 2024 05:54 AM UTC

Hi Hayden,


Greetings from Syncfusion component.


From your shared datils, we understand that you want to render the custom component inside the Dashboard Layout panel. We have discussed and achieved the similar requirement in the below forum. Follow the suggested way as mentioned in the forum.


https://www.syncfusion.com/forums/173731/how-to-render-dynamically-multiple-components-on-the-dashboard-layout-in-angular?reply=S2UMod


Also, check out the below documentation links for further references.


Feature tour : https://www.syncfusion.com/angular-components/angular-dashboard-layout


Documentation: https://ej2.syncfusion.com/angular/documentation/dashboard-layout/panels/setting-header-of-panels#placing-components-as-content-of-panels


Demo : https://ej2.syncfusion.com/angular/demos/#/bootstrap5/dashboard-layout/analytics-dashboard


API reference : https://ej2.syncfusion.com/angular/documentation/api/dashboard-layout


Refer the above-mentioned details and get back to us if you any further assistance.


Regards,

Leo Lavanya Dhanaraj


Loader.
Up arrow icon