Vue3 and Panel template

[Christian DAquino]

Hi,

Can I please get a sample on how to use the Dashboard component with a Panel template using v-slot?

[LeoLavanya Dhanaraj]

Hi Christian,

Greetings from Syncfusion support.

From your shared details, we understand that you want to use the Dashboard Layout component with a panel template using v-slot . Currently, we are checking the feasibility of your requirement in the Vue3 platform. But we need some additional time and will update you with further details on October 19, 2022.

We appreciate your patience.

Regards,
Leo Lavanya Dhanaraj

[LeoLavanya Dhanaraj]

Hi Christian,

Thanks for your patience.

We have validated the reported issue in the Vue Dashboard Layout component and considered it a bug on our end. The fix for this issue will be included in our weekly patch release on November 8, 2022. You can track the status of the issue fix using the following feedback link.

Feedback link : https://www.syncfusion.com/feedback/38593/the-dashboard-layout-component-does-not-work-with-a-panel-template-using-v-slot

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

We appreciate your patience.

Regards,

Leo Lavanya Dhanaraj

[LeoLavanya Dhanaraj]

Christian, we are glad to announce that our patch release (V20.3.57) has been rolled out successfully. The issues with “The Dashboard Layout component does not work with a panel Template using v-slot”  have been resolved in this release. To access this fix, we suggest you update the package to 20.3.57.

For your reference, we include the sample in the latest version.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Vue3-slot-dashboard778489853.zip

Feedback: https://www.syncfusion.com/feedback/38593/the-dashboard-layout-component-does-not-work-with-a-panel-template-using-v-slot

Release Notes: https://ej2.syncfusion.com/vue/documentation/release-notes/20.3.57/?type=all#dashboard-layout

[Christian DAquino]

Hi,

But how do I pass a data prop to the template? On other syncfusion components - like the data grid as an example - I can pass a prop and access it from the template. Something like this:

<template v-slot:contentTemplate :data={data}>

              <my-template />

</template>

That still doesn't seem to work this version 20.3.57.

[Christian DAquino]

Hi,

Any updates to this?

[LeoLavanya Dhanaraj]

Christian,

Thanks for your patience.

We have validated your requirement(Need to pass the data property to the panel Template) and considered it as a component bug on our end. The fix for this issue will be included any of our upcoming releases. You can track the status of the issue's fix using the following feedback link:

Feedback: https://www.syncfusion.com/feedback/40062/facing-an-issue-when-passing-a-data-property-to-the-panel-content-template

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,

Leo Lavanya Dhanaraj