or
2 answers
36 views
I would like to put some tabs into my <TabStrip> dynamically. Please refer to the attached graphic, lines 45-49 don't seem to be giving me output to the DOM.
Vessy
Telerik team
answered
on
16 Oct 2023
1 answer
45 views
Where do the SCSS files get integrated into my app?
Vessy
Telerik team
answered
on
18 Sep 2023
1 answer
53 views
Greetings,
Is it possible to add an id property to each tab of the TabStrip for automation testing?
Thanks,
Jason Li
Konstantin Dikov
Telerik team
answered
on
21 Jul 2023
1 answer
55 views
I have added a TabStrip on a Dialog inside a form and if I don't set the animation parameter for the TabStrip to false I get the attached error in the browser console. Here is the part of my code so you can see what I do:
<Dialog
title={t(`channel:${getDialogHeadline(props.mode)}`)}
onClose={props.cancelForm}
width={'60%'}
>
<Form
onSubmit={onFormSubmit}
initialValues={formState}
render={(formRenderProps: FormRenderProps) => (
<div className="k-d-flex-col">
<FormElement style={{ width: '90%' }}>
<div>
<TabStrip
selected={selected}
onSelect={handleSelect}
animation={false}
>
{tabPages.map((item, index) => {
return (
<TabStripTab
disabled={item.disabled}
title={item.label}
key={index}
>
{item.content}
</TabStripTab>
);
})}
</TabStrip>
</div>
...
And here are the kendo packages that I use:
"@progress/kendo-data-query": "^1.5.5",
"@progress/kendo-drawing": "^1.16.0",
"@progress/kendo-licensing": "^1.2.1",
"@progress/kendo-react-animation": "^4.13.0",
"@progress/kendo-react-buttons": "^4.13.0",
"@progress/kendo-react-data-tools": "^4.13.0",
"@progress/kendo-react-dateinputs": "^4.13.0",
"@progress/kendo-react-dialogs": "^4.13.0",
"@progress/kendo-react-dropdowns": "^4.13.0",
"@progress/kendo-react-form": "^4.13.0",
"@progress/kendo-react-grid": "^4.13.0",
"@progress/kendo-react-indicators": "^4.13.0",
"@progress/kendo-react-inputs": "^4.13.0",
"@progress/kendo-react-intl": "^4.13.0",
"@progress/kendo-react-layout": "^4.13.0",
"@progress/kendo-react-notification": "^4.13.0",
"@progress/kendo-react-progressbars": "^4.13.0",
"@progress/kendo-react-tooltip": "^4.13.0",
"@progress/kendo-react-treeview": "^4.13.0",
"@progress/kendo-react-upload": "^4.13.0",
"@progress/kendo-theme-material": "^4.43.0",
I already experienced a similar issue with the TreeView component and got the answer from you that this has been an issue. See https://github.com/telerik/kendo-react/issues/723
Just thought, I'd bring this to your attention that there is the same problem with the TabStrip.
Stefan
Telerik team
answered
on
14 Jan 2022
2 answers
96 views
I have a dialog which includes a TabStrip with 2 tabs (see attached image dialog-1.png). "Above" this dialog I opened another dialog but then the tabs from the dialog "underneath" still shine through (see attached image dialog-2.png). I tried to give the top dialog a z-index of 99999 but it did not help like this:
<Dialog
title={t('program:datapoints')}
onClose={props.cancelForm}
width={'60%'}
height={'80%'}
style={{ zIndex: 99999 }}
>1 answer
62 views
We really would like to have the possibility to add a class to the tabstriptab.
The reason for that is we have a form over multiple tabs.
When an error occurds on a tab we want to color the background of this tab.
It already supports "contentClassName" but this is for the content container.
Is there a way around this or can this be put on a feature request list?
<TabStrip>
<TabStripTab className="error" title="Paris">
Paris form
</TabStripTab>
<TabStripTab title="New York City">
New York City form
</TabStripTab>
</TabStrip>
1 answer
54 views
The tabStrip demos no longer display selected state and the line separating the tabs from content (Material Theme). Has this changed?
https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/
Stefan
Telerik team
answered
on
31 Aug 2021
