template

[bob ingham]

I have implemented the kanban product, @syncfusion/ej2-angular-kanban": "^18.2.46" in a project using Angular 7.2.9.

I can bind content using  

  public cardSettings: CardSettingsModel = {

    headerField: 'id',

    contentField: 'note'

  };

so far so good.

As soon as I try templates as per your documentation, I have problems.  The template does not render.

<ejs-kanban keyField='ncNoteStateDisplayName'

  [dataSource]='data'

  [cardSettings]='cardSettings'

  [swimlaneSettings]='swimlaneSettings'>

  <e-columns>

    <e-column headerText='To do'

      keyField="To do"></e-column>

    <e-column headerText='Doing'

      keyField="Doing"></e-column>

    <e-column headerText='Done'

      keyField="Done"></e-column>

    <e-column headerText='Closed'

      keyField="Closed"></e-column>

  </e-columns>

  <ng-template #cardSettingsTemplate >

    <div>text here...</div>

  </ng-template>

</ejs-kanban>

2021-04-19-22-26-23 — ImgBB (ibb.co)

How do I get the ng-template working?

Cheers,

Bob

[bob ingham]

Hi Guys,

This problem was solved by deleting my syncfusion folder in in node_modules, the yarn.lock file and re-running yarn.

[Revanth Krishnan]

Hi Bob, 

 

Greetings from Syncfusion support. 

 

Thanks for the update. We are glad that the reported issue has been resolved on your end. Please let us know if you need further assistance. 

 

Regards, 

Revanth 

[Manoj Kumar Gurram]

Hi Guys,

I am facing the same issue and I'm unable to solve it.

Below pics are the references and my template is not working. What should I do to activate my template code ?

Regards,
Manoj Kumar Gurram

[Revanth Krishnan]

Hi Manoj, 

 

 

Greetings from Syncfusion support. 

 

 

We have validated your query “Card template not working. What should I do to activate my template code?” 

 

We have analyzed the shared code snippet and the issue may have occurred due to the ‘headerText’ and ‘keyField’ in ‘e-coulmn’ was not configured properly. This can be resolved by configuring the ‘headerText’  as ‘{{column.headerText}}’ and ‘keyField’ as ‘{{column.keyField}}’. We have prepared a sample based on the shared code snippet for your reference, 

 

Code Snippet: 

 

<ejs-kanban keyField="Status" cssClass="kanban-swimlane" [dataSource]="data" [cardSettings]="cardSettings"> 

  <e-columns> 

    <e-column *ngFor="let column of columns;" headerText="{{column.headerText}}" keyField="{{column.keyField}}"> 

    </e-column> 

  </e-columns> 

  <ng-template #cardSettingsTemplate let-data> 

    <div class="e-card-content"> 

      <div>{{data.Summary}}</div> 

    </div> 

  </ng-template> 

</ejs-kanban> 

 

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

 

Please check the above code snippet and the sample and let us know if it resolves the issue. 

 

Regards, 

Revanth 

[Manoj Kumar Gurram]

Hi Revanth,

Thanks for the Update Man. The issue is resolved now, but I'm getting an issue in Kanban Search and I had done exactly like given in the document.

Refer below pics and please help me in solving the Kanban Search Issue. My kanban version is : "@syncfusion/ej2-angular-kanban": "^18.4.41"

So here, it is not searching based on the entered text.

[Revanth Krishnan]

Hi Manoj, 

 

 

Good day to you. 

 

 

We have validated your query “I'm getting an issue in Kanban Search and I had done exactly like given in the document.” 

 

We tried to reproduce the issue by making the sample based on the shared code snippet, but the Kanban search is working properly and we couldn’t reproduce the issue from our end. We have prepared a sample for your reference, 

 

Sample: https://stackblitz.com/edit/angular-xlkbad-iwc71x?file=app%2Fapp.module.ts 

 

Can you please share us with the below following details? 

• The video illustration of the reproducing issue.
• Please share us with the issue reproducible sample or please modify the shared sample with the issue reproducing code.

 

The above details will be helpful for us to validate and reproduce the issue from our end and assist you at the earliest. 

 

Regards, 

Revanth