Telerik Forums
KendoReact Forum
1 answer
1.1K+ views

Hi,

I have a numeric input cell in a grid which should accept only integer.

Is it possible to restrict user from entering decimal values?

 

Konstantin Dikov
Telerik team
 answered on 02 Dec 2022
0 answers
591 views

I was asked to look at an existing application and I have exactly zero React experience...  The main form has a KendoReact grid on it, and when clicking on a button on the form, a small modal window pops up (it's not a Dialog, it's Window).

The problem is that clicking the X  to close the popup doesn't do anything at all. Maximize and minimize work, but not the X. It only goes away by refreshing the page.

This is the popup:

    

import { Window } from '@progress/kendo-react-dialogs';

...

public exportCSVFile() { let window = <Window style={{ position: "fixed", marginTop: "-100px", width: "380px", height: "355px", zIndex: "10003" }} title={"REPORT PARAMETERS"}

onClose={this.closeDialog} modal >

<div>..... </div>

</Window> return (<div>{window}</div>)

This is supposed to close it:

    closeDialog() {
        this.setState({
            visibleForm: false,
        });
        this.props.closeDialog()
    }

The line "this.props.closeDialog()" goes deeper to a few other functions, but ultimately it doesn't do anything.

As I said, I don't really know React, but from looking at the code it looks like there should be a relationship between the popup and the main form, and something there is not quite right.

I've seen the sample implementations of Window, but the form I work with creates the window differently than the samples.

Any ideas? I'm not even sure if this could work the way it's done... maybe it wasn't done right initially.

 
nickb
Top achievements
Rank 1
 updated question on 01 Dec 2022
1 answer
577 views

Sometimes the icons of the components do not load correctly, I am using the latest versions of all kendo react packages, below is an example with the dropdown and dateTimePicker.

 

Filip
Telerik team
 answered on 28 Nov 2022
1 answer
237 views

Hello,

I'm looking for a way to lock the column that opens/closes the detail row in a Master-Detail Grid. I can probably use css however I have the next column also locked which dynamically puts it sticky at left: 0, Which would overlap the open/close column. 

 

Any thoughts on how to accomplish this?

 

Thanks,

Bill

Filip
Telerik team
 updated answer on 25 Nov 2022
1 answer
2.5K+ views

I've added a kendo license to our CI service.

I've activated it locally and it I don't see the console logs telling me that I'm missing a license.

The build runs successfully and the logs show the following:

+ echo 'Activate Kendo UI License'

Activate Kendo UI License

+ npx kendo-ui-license activate

(INFO) Kendo UI: Reading license from KENDO_UI_LICENSE environment variable...

(INFO) Kendo UI: License imported successfully.

But when I run the app, I see this in the browser console:

License activation failed for @progress/kendo-react-charts
No license found.

Should there have been an activation success message after 'License imported successfully'?

Filip
Telerik team
 answered on 25 Nov 2022
2 answers
133 views

Hello! I want to define a custom post parameter in react, not just a get parameter.

https://stackblitz.com/edit/react-5u4erk?file=app%2Fmain.tsx

 

now :

 

 

I want payload :  recently, isDeleteList  send.

How can I do it? Thank you!

n/a
Top achievements
Rank 1
Iron
Iron
 answered on 23 Nov 2022
1 answer
114 views
I have a smooth series with lots of points, by default I don't want to show all markers but only a selection. For e.g. I iterate over an array to add markers but there's no way to compose this into the same series item. I've tried using a line/scatterLine with a scatter point on top but this creates two series. Is there a way to make only some markers in a series show? 

Would a hack/option be to provide some outliers
Vessy
Telerik team
 answered on 23 Nov 2022
0 answers
546 views

Hi,

Is it possible to disable the keyboard shortcuts on an ExpansionPanel? I am having a form inside, and every time I fill in a space, the ExpansionPanel is collapsing

Speedy
Top achievements
Rank 1
 asked on 23 Nov 2022
1 answer
118 views

Hi,

I have implemented selection on  my grid in react.

When i call my api I want to change selection value but without click event, is this possible in react?

Api return some value, and i want to set selection to that specific value .. without using click event. When user click on row that's oke, but when api return samo specific value i want to set selection on grid  to that specific value.. is this possible?

 

Selection is made according to this url:

https://www.telerik.com/kendo-react-ui/components/grid/selection/

Can give  example of this if it is possible?

 

Ivaylo
Telerik team
 answered on 23 Nov 2022
1 answer
113 views

hii,

Suppose I am having a Table in grid where i am having total 5 columns. When I am pressing TabKey, It is going sequentially from 1 to 5 and then it is going to another row. For every row I want to skip a column. I tried with tabIndex as -1 and 99999 for particular column. I tried with eventlistener with if-else condition also, But not working for me.

https:/c/stackblitz.com/edit/react-7srkcq-wpog86?file=app/main.jsx

In this given link the table is given I want to skip "Units" column from the table. 

Currrently is is going like this ID>ProductName>FirstOrderedOn>Units>Discontinued> NextRow, I need to skip the highlighted column.

When I will press the tab key it should be start from ID>ProductName>FirstOrderedOn>Discontinued> NextRow  

Thankyou

  
Abhishek
Top achievements
Rank 1
Iron
 answered on 23 Nov 2022
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
LLM Kit
OTP Input
+? 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?