This is a migrated thread and some comments may be shown as answers.

Tap Strip Content Cannot stay with Vue Component

7 Answers 9 Views
This is a migrated thread and some comments may be shown as answers.
Sio
Top achievements
Rank 1
Sio asked on 23 Nov 2018, 09:40 AM
I need to add the component that was created and put into the tabstripe content to show on the tabstriped but i seem like not supported 

7 Answers, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 26 Nov 2018, 11:39 AM
Hi Sio,

Such an option would be available only with a native TabStrip component. Therefore, I encourage you to vote for this item here: https://feedback.telerik.com/kendo-jquery-ui/1360378-vue-native.

Regards,
Ianko
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Sio
Top achievements
Rank 1
answered on 27 Nov 2018, 03:25 AM
Thanks, but i am trying the web application, any suggestion?
0
Ianko
Telerik team
answered on 27 Nov 2018, 07:59 AM
Hi Sio, 

You can test out the current Kendo TabStrip for Vue by following the examples here: https://www.telerik.com/kendo-vue-ui/components/layout/tabstrip/.
 

Regards,
Ianko
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Sio
Top achievements
Rank 1
answered on 30 Nov 2018, 10:09 AM

I had test out the giving example but it seem like the example also cannot work

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/append 

here is the example of append but when i click the tab it seem had error and the page cannot be render as well

0
Ianko
Telerik team
answered on 30 Nov 2018, 11:59 AM
Hello Sio,

Indeed, the example as shown is somehow misleading, but it aims to show all possible options to append an item and some of them break the way TabStrip actually works. However, if you setup the items properly with content that can show up, the TabStrip will work as intended: https://dojo.telerik.com/EpuvaJUJ

Regards,
Ianko
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Sio
Top achievements
Rank 1
answered on 03 Dec 2018, 05:49 AM
Ok! Thanks but i have a question on how the content refer to vue component? such as using the path "../view/Home.vue" so the content can refer to the .vue file which is the UI i created.
0
Ianko
Telerik team
answered on 03 Dec 2018, 09:20 AM
Hello Sio,

As mentioned previously there is no built-in approach to directly navigate somehow to a Vue file. If you need to inject the content as plain HTML, you can always use components and render them in the same way as if it is HTML: https://codesandbox.io/s/1qzr89nwx3.

If you have any specific needs, for the TabStrip to somehow interact with those Vue files, this could be possible only with native components.

Regards,
Ianko
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Asked by
Sio
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Sio
Top achievements
Rank 1
Share this question
or