1. Home
  2. Forum
  3. Angular - EJ 2
  4. How To Column Template and Card Template

How To Column Template and Card Template

I like to do the same Kanvan Showen in https://www.syncfusion.com/angular-ui-components/angular-kanban-board
using ANGULAR 8 but I am unable to figure out how to template cards and column headers

5 Replies
BS Balasubramanian Sattanathan Syncfusion Team March 23, 2020 09:34 AM UTC

Hi Yarlen Vasquez, 

Greetings from Syncfusion Support. 

We have validated your requirement at our end and prepared a sample in angular 8 by making use of template and cardSettingsTemplate property.  

UG: 

Online demos: 

 
Kindly try the above links and let us know if you have any concerns. 

Regards, 
Balasubramanian S 


YV Yarlen Vasquez March 23, 2020 12:49 PM UTC

Hello

Thx for the response, 

When I try to put the example code in my project, something strange happens, if I put the ng-templates, the content of the kanban stops showing, but if I remove it, the kanban is displayed correctly, only without templates

Attachment: images_573d9a6.zip

BS Balasubramanian Sattanathan Syncfusion Team March 24, 2020 01:29 PM UTC

Hi Yarlen Vasquez, 
 
Thanks for the update. 

We have analyzed your reported scenario at our end. We suspect that, you are using ${Id} inside the ng-template of Kanban templates, which could be cause for the reported problem.  We suggest you to use below highlighted code to overcome the issue.  

Do 
Don’t 
{{data.Id}} 
${Id} 

If you still faced the reported problem at your end, kindly share us more details like Kanban related codes/issue replication steps/issue reproduced sample(if possible) for serve you better. 

Currently, the UG enhancement is in progress and it will be refreshed in online as soon as possible. 
  
Regards, 
Balasubramanian S

YV Yarlen Vasquez March 24, 2020 05:40 PM UTC

Hi

The attached code let you repropduce the incident.

The entry point is in \src\app\modules\main-layout\components\main-layout

if you comment the ng-templates sections, the Kanban works fine


Attachment: webpart_b8e525fc.zip

BS Balasubramanian Sattanathan Syncfusion Team March 25, 2020 03:52 PM UTC

Hi Yarlen Vasquez, 

Thanks for your reply. 

If we integrating the templates for the Kanban component by following the below UG document, it will rendered without any issue. And our previously shared sample also working properly without any issue. So we suspect that the problem is occurred only in your project due to more number of customizations performed. So kindly share us more details like your project creation in step by step or else please do the same way in our previously shared project to replicate the problem and serve you better. 


Please let us know if you have any concerns. 

Regards, 
Balasubramanian S 


Loader.
Up arrow icon