Telerik Forums
KendoReact Forum
1 answer
153 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
204 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
542 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
119 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
120 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
124 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
99 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
112 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
154 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
252 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 

Razvan
Top achievements
Rank 1
 updated question on 01 May 2024
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?