or
1 answer
373 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
92 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
57 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
156 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
567 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
156 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
11 answers
330 views
GridColumn didn't work correctly. I can't use them when I insert it inside Grid.
I see that GridColumn is function
var GridColumn = function (props) { return null; };GridColumn.displayName = 'GridColumn';In Grid component you try to compare child component with this 'component'
var columns = React.Children .toArray(children) .filter(function (child) { return child && child.type === GridColumn_1.default; }) .map(function (child) { return Object.assign({}, child.props); });So, after filter there zero items, because we try to compare 2 functions.
Could you fix it, please?
Stefan
Telerik team
answered
on
20 Oct 2020
3 answers
143 views
Hi there,
I want to use registerForIntl() with a functional compoent - React.SFC . How can I do that? registerForIntl expecs React.Component? How can I use intl functions in a React.SFC?
Stefan
Telerik team
answered
on
19 Oct 2020
5 answers
1.5K+ views
Dear Sir/Madam,
We use a KendoGrid at the moment. It is good. And currently we try to keep horizontal scroll bar be visualable if table is too long. We do not want to horizontal scroll bar at the bottom all the time, otherwise user have to move to the bottom first then could scroll. Is it possible to do this? I checked document and did not find a good way. Can you give me some suggestions?
Thanks.
Regards,
Max
Max
Top achievements
Rank 1
Rank 1
answered
on
16 Oct 2020
5 answers
520 views
Hi,
I'm using Kendo React Grids with filter in my application which generates column filter textbox and filter options dropdown. The requirement for me (part of ADA compliance) is any filed that user may execute an action should have a associated text with it when hovered on it. A HTML title attribute on column filter textbox and filter options dropdown would resolve this issue.
The Grid did not generate title attribute on filter textbox and filter options dropdown but the clear filter textbox button has title attribute.
How do I resolve this issue. Any help is much appreciated.
Nikolay
Telerik team
answered
on
16 Oct 2020
