Editable options in KPI component - translation

[adziu]

Hi,

Is there any way to translate (or override) the editableOptions name in your KPI component? As far as I notice, "Value," "Column name," and "Value format" are hardcoded. In my opinion, this is not the correct way to add extra options within your KPI component.

[dawid.d]

Hello,

Thanks for the question!

You can edit options for an individual component instance in its options:
Demo: https://jsfiddle.net/BlackLabel/sxwkqar0/

Or for all components of one type, e.g. KPI:
Demo: https://jsfiddle.net/BlackLabel/xLy7evt3/

Is that what you were looking for?
Best regards

[adziu]

Absolutely!

That's exactly what I was looking for. Thank you so much!

Is it also possible to modify the cellToolbar in edit mode for specific types of components (e.g., KPI)? I'd like to add an additional option (icon) to the toolbar, as shown below. I'm using React, so if you could provide an example in this framework, that would be great.

[dawid.d]

Hi!

Yes, it's possible, by extending the `getItemsConfig` static method in the CellEditToolbar class, and disabling it for the other component types in `showToolbar`. See the demo below.

Demo: https://jsfiddle.net/BlackLabel/tqweg15m/

Best regards!