or
1 answer
393 views
When I using a radiobutton component, i want to show the hint like the screenshot image, easy to tell the user what the radionbutton's function. here is my code:
<RadioButton
value="2"
name="radio-email2"
onChange={handleDefaultEmail}
title="set as default Email"
/>
the title property works, but there is a error reported:
TS2322: Type '{ value: string; name: string; checked: boolean; onChange: (event: RadioButtonChangeEvent) => void; tabIndex: number; title: string; }' is not assignable to type 'IntrinsicAttributes & RadioButtonProps & RefAttributes<RadioButtonHandle>'.
Property 'title' does not exist on type 'IntrinsicAttributes & RadioButtonProps & RefAttributes<RadioButtonHandle>'.
It works so it's not a problem as I turning the warning off, just a little bit of advice that may be the RadioButton can include this property to support the tooltip showing when the mouse pointer focus on in the future
<RadioButton
value="2"
name="radio-email2"
onChange={handleDefaultEmail}
title="set as default Email"
/>
the title property works, but there is a error reported:
TS2322: Type '{ value: string; name: string; checked: boolean; onChange: (event: RadioButtonChangeEvent) => void; tabIndex: number; title: string; }' is not assignable to type 'IntrinsicAttributes & RadioButtonProps & RefAttributes<RadioButtonHandle>'.
Property 'title' does not exist on type 'IntrinsicAttributes & RadioButtonProps & RefAttributes<RadioButtonHandle>'.
It works so it's not a problem as I turning the warning off, just a little bit of advice that may be the RadioButton can include this property to support the tooltip showing when the mouse pointer focus on in the future
Stefan
Telerik team
answered
on
09 Nov 2020
1 answer
187 views
Is there an issue with grouping a grid when using Firefox?
https://www.telerik.com/kendo-react-ui/components/grid/grouping/
The demo works for Safari, Chrome, and Edge but not in Firefox.
Stefan
Telerik team
answered
on
05 Nov 2020
1 answer
4.4K+ views
Hello,
I need to stick a React Link element inside a column in your React Grid. I have tried setting the widget on the cell prop as your documentation suggests, but cell is not correctly seen. Do you have a quick example of how I can do this or a link to documentation that is current and correct?
I have your Grid populated with data and in the same column in each row I want to clickable Link element that will navigate to a View page to see the details in a nice form of the row on which the Link was clicked.
Thanks,
Jason
Stefan
Telerik team
answered
on
02 Nov 2020
6 answers
2.1K+ views
We are going to telerik rich text editor.
we want add add math and science equations to text editor.
So is there any plugin for that?
Amila
Top achievements
Rank 1
Rank 1
answered
on
31 Oct 2020
1 answer
455 views
Hello.
Is there any way to use the React 'Upload' component to upload a folder with its files?
Well thank you.
Stefan
Telerik team
answered
on
29 Oct 2020
1 answer
119 views
Hi,
I just want to know if it's possible to show the same time frame in two charts, this means that if the time frame of one chart is changed the second one update automatically.
I'll post here my code
const GraficoWFP = () => { return ( <div style={{ paddingLeft: "12,5%", paddingRight: "12,5%" }}> <div style={{ display: "inline-block", padding: "5px" }}> <div className="col-6"> <div className="k-card"> <Chart style={{ height: 450, width: 500, cursor: "ew-resize" }} pannable={{ lock: "y" }} > <ChartTitle text="Afghanistan" /> <ChartLegend position="bottom" orientation="horizontal" /> <ChartTooltip shared={true} render={sharedTooltipRender} /> <ChartValueAxis> <ChartValueAxisItem title={{ text: "Rainfall (mm)" }} /> </ChartValueAxis> <ChartCategoryAxis> <ChartCategoryAxisItem categories={cat} crosshair={crosshair} axisCrossingValue={0 && cat.length} min={36} max={72} justified={!0} labels={{ content: (item) => { return labels[item.value] } }} /> <ChartCategoryAxisItem categories={totalMonths} justified={!1} min={12} max={24} /> </ChartCategoryAxis> <ChartSeries> {seriesBar.map((item, idx) => ( <ChartSeriesItem key={idx} type="column" tooltip={{ visible: true }} data={item.data} name={item.name} color={item.color} /> ))} </ChartSeries> </Chart> </div> </div> </div> <div style={{ display: "inline-block", padding: "5px" }}> <div className="col-6"> <div className="k-card"> <Chart style={{ height: 450, width: 500, cursor: "ew-resize" }} pannable={{ lock: "y" }} > <ChartTitle text="Afghanistan" /> <ChartLegend position="bottom" orientation="horizontal" /> <ChartTooltip shared={true} render={sharedTooltipRender} /> <ChartValueAxis> <ChartValueAxisItem title={{ text: "Variation from Average" }} /> </ChartValueAxis> <ChartCategoryAxis > <ChartCategoryAxisItem categories={cat} crosshair={crosshair} axisCrossingValue={0 && cat.length} min={36} max={72} justified={!0} labels={{ content: (item) => { return labels[item.value] } }} /> <ChartCategoryAxisItem categories={totalMonths} justified={!1} min={12} max={24} /> </ChartCategoryAxis> <ChartSeries> {seriesLine.map((item, idx) => ( <ChartSeriesItem key={idx} type="line" tooltip={{ visible: true }} data={item.data} name={item.name} color={item.color} markers={{ size: 2 }} /> ))} </ChartSeries> </Chart> </div> </div> </div> </div> )}
Stefan
Telerik team
answered
on
28 Oct 2020
1 answer
80 views
When I use the prop filter in a Tooltip like these <Tooltip openDelay={500} position="top" filter={handleTooltip} parentTitle> I would like to avoid to show the default tooltip when handleTooltip function returns false, is there a way to do this? right now this is the behaviour http://g.recordit.co/6r6vrZzgD9.gif but I just want to show kendo tooltip when handleTooltip returns true, otherwise, I don't want to show that default tooltip.
Stefan
Telerik team
answered
on
27 Oct 2020
1 answer
194 views
Hello,
I am using the Material-UI theme package from Telerik for KendoReact. I've installed the NPM package and I've added the line "import '@progress/kendo-theme-material/dist/all.css';" to my App.tsx file.
Is this all I need to do for the Roboto font or do I still need to add this to my index.html and pull it from Google or another source? Thanks.
Sincerely,
Jason
Stefan
Telerik team
answered
on
22 Oct 2020
3 answers
657 views
Is there a way to customize Upload's component error message when type of file that's submitted isn't allowed?
Key for the message is upload.invalidFileExtension, but I couldn't find a way to change it.
Stefan
Telerik team
answered
on
21 Oct 2020
3 answers
186 views
I'm currently trying to use kendo-react-pdf to save a pdf of a component. While using a pdf container does create a pdf with the objects inside, the mapped objects within the container are not included in the pdf. Any thoughts on how to get the mapped components within the PDF container to show up on the pdf that is created?
Stefan
Telerik team
answered
on
21 Oct 2020
