Vue Kendo Editor inside Kendo Tabstrip

[Dev]

Hi,

I have the same question as this one.
https://www.telerik.com/forums/angular-kendo-editor-inside-kendo-tabstrip#login

When I have a kendo editor inside the kendo tabstrip, it seems cannot edit.

How can I do in Vue?

Here is the  Parent.vue , and I use components for each Tab.

 <k-tabstrip>
   <ul>
     <li class="k-state-active">Tab1</li>
     <li>Tab2</li>
   </ul>
   <div>
     <tab1 v-if="Object.keys(buildData.TAB_1).length >0" :data="buildData.TAB_1"></tab2>
   </div>
   <div >
     <tab2 v-if="Object.keys(buildData.TAB_2).length >0" :data="buildData.TAB_2"></tab1>
   </div>
 </k-tabstrip>

 

 

Here is code in Tab2 component.

<template>
    <div>
        <k-editor style="height:280px"></k-editor>
    </div>
</template>

 

How can I edit the  editor wrapper which is insinde the tabstrip wrapper in VUE?

Thanks a lot!!!!

[Plamen]

Hello,

We can handle this case by adding refs to both the tab2 component and the editor and then get the kendo widget by using the kendoWidget method and trigger the refresh method. Here is an example how I could achieve this at my side: https://stackblitz.com/edit/y9pzps-az16xk?file=src%2Fmain.vue

Regards,
Plamen
Progress Telerik