Telerik Forums
KendoReact Forum
1 answer
31 views

Hello,

Whenever I run my project a ton of CSS is being printed. How can I stop this?

Thanks.

Konstantin Dikov
Telerik team
 answered on 20 May 2024
1 answer
40 views

Hm... I have server-side processing triggered at the saveUrl endpoint of the Upload component endpoint. 

How do I explicitly set a timeout for the response?

Konstantin Dikov
Telerik team
 answered on 16 May 2024
5 answers
406 views

I've implemented a basic line chart with nothing out of the ordinary but on the first initial load of the chart I get this warning.

Warning: Failed prop type: ChartSeries children should be Array of type ChartSeriesItem.
    in ChartSeries (created by LineChart)

import React from 'react';
import {
  Chart, ChartTitle, ChartSeries, ChartSeriesItem, ChartCategoryAxis, ChartCategoryAxisItem, ChartLegend,
} from '@progress/kendo-react-charts';
const LineChart = (props) => {
  const { allocations, mandates } = props;
  const categories = (data) => {
    const array = [];
    data.forEach((x) => {
      array.push(x.mandate);
    });
    return array;
  };
  const asdc = (data) => {
    const array = [];
    data.forEach((x) => {
      array.push(x.asdc);
    });
    return array;
  };
  return (
    <div className="line-chart">
      <Chart>
        <ChartTitle
          text="Active Spread Duration Contribution"
        />
        <ChartLegend
          position="bottom"
          orientation="horizontal"
        />
        <ChartSeries>
          <ChartSeriesItem
            type="line"
            name="New ASDC"
            data={asdc(allocations)}
            markers={{ visible: false }}
            tooltip={{ visible: true }}
          />
          <ChartSeriesItem
            type="line"
            name="Old ASDC"
            data={asdc(mandates)}
            markers={{ visible: false }}
            tooltip={{ visible: true }}
          />
        </ChartSeries>
        <ChartCategoryAxis>
          <ChartCategoryAxisItem categories={categories(allocations)} />
        </ChartCategoryAxis>
      </Chart>
    </div>
  );
};

asdc is just to create the array of data that I want. The whole chart shows up fine and works but I would like to fix this error if possible.

Thanks

Antonio
Top achievements
Rank 1
Iron
 answered on 16 May 2024
1 answer
29 views

Hi,

Is it possible to configure Kendo React Grid to show the column menu like Kendo JQuery's classic look where the submenu is on left/right hand side?

https://demos.telerik.com/kendo-ui/grid/column-menu?_gl=1*x0zspa*_ga*OTMyNDUxNTM0LjE3MTA1NTIzMTg.*_ga_9JSNBCSF54*MTcxNTcxMzA5Ni4yNS4xLjE3MTU3MTM1MjMuNjAuMC4w*_gcl_au*Njk5MTQ3NTc2LjE3MTA1NTIzMTg.&_ga=2.15420211.444171052.1715713097-932451534.1710552318

 

Also see the attached screenshot.

 

Thanks,

Jie

Wissam
Telerik team
 answered on 16 May 2024
1 answer
42 views

We need the TimePicker to retain all of its default behavior with the addition of accepting multiple format types when a user manually enters data. For example, if the user chooses a date from the popup it will show the date with the default format, but we want the user to also type in varying formats such as '7a' or '7pm'. Is it possible to add multiple accepted input formats to a TimePicker?



Required time formats:

 

  1. 7:00am
  2. 7:00a
  3. 7am
  4. 7a
  5. 7:00pm
  6. 7:00p
  7. 7pm
  8. 7p
  9. 19:00

 

Wissam
Telerik team
 answered on 10 May 2024
1 answer
44 views

Hi All:

When I use React Data Grid Component & Column Menu - KendoReact Docs & Demos (telerik.com), I set some columns, 

Step1: uncheck select all

2. input st at search box, only check test1, but test and test1 both changes to checked

3. clear search box, the two columns in the image below are checked.

you can test on below link, this is a very important function of our project, looking forward to your early reply. thank you

Eswnzm (forked) - StackBlitz

Konstantin Dikov
Telerik team
 answered on 10 May 2024
1 answer
32 views

Hello,

we are considering adopting KendoUI DataGrid for a legacy application rewrite and I was wondering if there's a way to implement filtering of the data by clicking on a specific value in a cell, like in the screenshot below (clicking on any date will filter the grid by that date):

Constraints are:

  • Data is remote, so not completely loaded in memory
  • Ideally I would like to avoid creating custom GridCells, but if it's the only way then it's OK.
  • We cannot deviate from this UI pattern as users find it particularly convenient.

Any link to specific docs or examples would be much appreciated!

I looked through the documentation and examples but it's not clear if it's something that is achievable without a massive customisation of the cell components. I also have zero experience with the library as I'm looking at it for the first time as we're considering our options for the UI library to use to rewrite the application, so apologies in advance if I missed anything obvious from the docs!

Thank you

Diego

Konstantin Dikov
Telerik team
 answered on 09 May 2024
1 answer
36 views

If a `NumericTextBox` contains a value ending in `0` and the user edits the value by backspacing over the non-zero digits the next number entered replaces the zero instead of inserting before it.

For example, the starting value is:

`220`

The user clicks to place their cursor as so:

`22|0`

If they then hit backspace twice, the cursor will jump to after the zero:

`0|`

And when a new digit is entered it replaces the zero:

`3|`

I would expect the user to be able to enter new digits to appear before the zero rather than replacing it. This behavior is reproducible on the example on the Overview page in the documentation.

Is there any way to disable this behavior?

Wissam
Telerik team
 answered on 08 May 2024
1 answer
46 views

 

“We are planning to develop a web application using React for the frontend and Go for the backend, following an MVC structure. Is it possible to connect Telerik React libraries with Go for this purpose? Thank you very much for your response. Best regards.”

Konstantin Dikov
Telerik team
 answered on 08 May 2024
0 answers
51 views

I am trying to run the example code from here https://www.telerik.com/kendo-react-ui/components/pdfviewer/ with the same exact file but the PDFViewer is just not loading any document. It component appears in the page, there's no error in the console, but no matter what I do I can't see any data loaded (also checked the onLoad event - it's not triggered). I've also tried to supply an url instead of base64 data and the result is the same 

John
Top achievements
Rank 1
 updated question on 01 May 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?