Native Editor - Trying to Customize Built-In Tool

[ANTONIO]

I'm trying to customize the ForeColor tool (replacing existing colors to custom ones). Based on the documention, I've began with this code:

Kcyx96 (forked) - StackBlitz

However, it's not working. I get this error: "Cannot read properties of undefined (reading 'title').

[Petar]

Hi ANTONIO,

Here is an example of how you can achieve the targeted functionality. 

The important thing in the shared example is the below definition:

<template #CustomForeColor="{ props }">
    <ApplyColor v-bind=" {...props,...props.settings}" />
</template>

Check the linked project and let me know if you have additional questions related to the current discussion. 

Regards,
Petar
Progress Telerik

[ANTONIO]

Hi Petar. Thank you for your response. May I ask you where can I find any documentation on this? I see, in your example, that you've added the ...props.settings binding on the ApplyColor component, and also added a "title" property inside the foreColorSetttings object. As far as my research goes, these procedures/properties aren't documented anywhere.

I'm asking this specially because I wanted to customize many of the editor tools, and the provided documentation (https://www.telerik.com/kendo-vue-ui/components/editor/tools/#toc-customizing-built-in-tools) is very short in examples, and also does not indicate all the properties I could add/change regarding the built-in tools.

[Petar]

Hi, ANTONIO.

Unfortunately, the documentation you are asking for doesn't exist. We are aware that there are missing in the Editor's documentation and we have an internal task about improving it with more examples and API descriptions.

I cannot say exactly when the updated docs will be available, but we will do our best to be in a short period. Meanwhile, if you have additional questions related to the Editor's functionality, we will be happy to assist you.