I'm playing around with the possibility of using the TabStrip component, and have added one of my components as the content of a Tab. I'm wondering how to access that content component inside the tab now? I can't seem to get access to the tab collection ... i must be missing something obvious.
1 Answer, 1 is accepted
0
Hi Dustin,
We can add any custom HTML and/or CSS to a tab using a pure Angular approach. Check the following example demonstrating how we can add a custom component, that holds a DropDownList component to the tab of a TabStrip:
https://stackblitz.com/edit/angular-c9ujqz?file=app%2Fapp.module.ts
We can further use Angular's approach of components interaction in order to handle an event, coming from the custom component nested inside one tab, in the component holding the TabStrip component as demonstrated in the example. This is an example of child to parent interaction. Using custom input properties we can achieve a parent to child interaction (this is demonstrated in the referenced Angular article above).
I hope this helps.
Regards,
Svetlin
Progress Telerik
We can add any custom HTML and/or CSS to a tab using a pure Angular approach. Check the following example demonstrating how we can add a custom component, that holds a DropDownList component to the tab of a TabStrip:
https://stackblitz.com/edit/angular-c9ujqz?file=app%2Fapp.module.ts
We can further use Angular's approach of components interaction in order to handle an event, coming from the custom component nested inside one tab, in the component holding the TabStrip component as demonstrated in the example. This is an example of child to parent interaction. Using custom input properties we can achieve a parent to child interaction (this is demonstrated in the referenced Angular article above).
I hope this helps.
Regards,
Svetlin
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.