Unable to use custom card template in Syncfusion Angular Kanban with angular versions less than 12

[Tuariq]

Hi Team,

I am trying to use Syncfusion Kanban control, but the custom card template is some how not working and I am not sure why? It works fine with default settings i.e without using any custom card template, but as soon as I use 'ng-template' it stops rendering data.

I did try couple of solutions I could find online:

• Re installing node modules
• Making kanban control version same as other syncfusion control versions
• Setting 'template' property of 'cardSettings' with proper name '#cardSettingsTemplate' as used in html

Could you please help me out why I am unable to use this in Kanban control? I have attached the project template with my settings where issue is reproducible.

Best Regards,

Tuariq

Attachment: Trial_Portal_e01ab19c.zip

[Vinothkumar Yuvaraj]

Hi Tuariq,

Based on your attached sample project, we suggest that you to update the other component package version to the latest to resolve the problem. To assist you further, we have created a sample using your shared sample with the new package version. Please see the attached sample for your reference.

Additionally, we noticed that you are using the getString method in card templates. If you remove this method, the card is rendered properly. Could you please provide more details on why you are using this method? We want to understand your use case better and offer tailored assistance.

Regards,

Vinothkumar

Attachment: KanbanComponent_325fb1c1.zip

[Tuariq]

Hi  Vinothkumar,

I checked the shared project and the solution. It is not possible for me to change the versions of all other controls to the 'ngcc' versions as told in solution

However I tried making the kanban control version similar to other versions which wont require ngcc as per syncfusion documentation for versions < 20 (kanban version: 18.3.47)

I have attached the project where all control versions are similar and still the issue is reproducible. Could you please point out change needed in the attached project itself in order to use the kanban control of any compatible version?

Best Regards,

Attachment: trialproject_c30fa3cb.zip

[Vinothkumar Yuvaraj]

Hi Tuariq,

We have created a sample using version 18.3.47 of the Kanban package. However, we did not encounter any issues with this specific version. Please review the attached sample.

Regards,

Vinothkumar

Attachment: KanbanComponent_947741df_(1)_29358258.zip

[Tuariq]

Hi  Vinothkumar,

Thanks for the update. 

The attached sample package.json is different from the one I have shared. The issue is observed in the package.json that I have shared. Could be please observe the issue for possible solution in the project sample shared by me?

Best Regards,

Tuariq Beg

Attachment: trialproject_c30fa3cb_7340ce9d.zip

[Vinothkumar Yuvaraj]

Hi Tuariq,

We are checking this issue at our end and will update you at the earliest.

Regards,

Vinothkumar

[Vinothkumar Yuvaraj]

Hi Tuariq,

On further validation, we have found the root cause of the issue. The issue occurred due to the duplicate node_modules added to the @syncfusion\ej2-kanban node module.

To solve your problem, you can remove the duplicate node_modules from the ej2-kanban. We have attached a screenshot for your reference.

Location of the duplicate node modules : node_modules -> @syncfusion -> ej2-kanban ->
node_modules

Screenshot

Regards,

Vinothkumar