Add dynimac content to selected panel

How to add dynamic content (chart, text..) to any selected panel. In addition to this, I would like to add

a highlight CSS to a selected panel.

I can find a select property in the panel. What's the best way to do that ?


Thank you


1 Reply 1 reply marked as answer

LD LeoLavanya Dhanaraj Syncfusion Team July 8, 2022 10:49 AM UTC

Hi Briayan,


Greetings from Syncfusion support.


Query 1 : How to add a dynamic content to any selected panel.


From your shared datils, we understand that you want to add the component inside the Dashboard Layout panel. We have achieved the similar requirement in the below forum.


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


Query 2 : I would like to add a highlight CSS to a selected panel.


Based on your requirement, we have prepared an Angular Dashboard Layout sample. With the help of CSS selectors, you can override the styles for the corresponding panels. Refer to the below code snippet for your reference.


[app.component.html]

<style>

    .e-dashboardlayout.e-control .e-panel:active{

        background-color:green;

    }

</style>


Sample : https://stackblitz.com/edit/angular-unirpl?file=app.component.html


Please check the attached sample and get back to us if you need any further assistance.


Regards,

Leo Lavanya Dhanaraj


Marked as answer
Loader.
Up arrow icon