How do I access the card colors in an OrgChart template?

[John]

 

      I am trying to recreate the stock template for the org chart so I can add a tooltip and I have everything, except I can't figure out how to access the cardColors array to set the border color of the card.   I thought something like border-color: #= this.cardColors[item.level]# would work, but item is not defined.  What is the proper template entry to access the proper cardColor for the level of the org chart item?

 

[Martin]

Hello, John,

You can access the color using the below syntax:

template: "<span style='background:#:color# '>#: name #, #: title #</span>",

Here's a small example to try it out. However, that will affect the span element containing the information. That span is wrapped in a div.k-orgchart-card k-card element, which cannot be accessed through the template. Meaning that setting the border-color style would have no effect. You will need to include custom logic to set the style for the wrapping element.

Let me know if you have any questions.

Regards,
Martin
Progress Telerik