Telerik Forums
KendoReact Forum
1 answer
2.9K+ views

I have a problem where if I add a datepicker to a dialog the datepicker always appears behind the dialog.

See here for an example:

https://plnkr.co/edit/XIAgXksJLimneb3NDXAg?p=preview

 

I basically took the following example from your portal and added a datepicker

https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-external-form/

Stefan
Telerik team
 answered on 10 Jul 2018
2 answers
152 views

I fund that the React version is still in Progress status, we would like to have a stable version to use in our project. May I know your planning on this?

Also, for this In-Progress version, is it free if we use in commercial project?

Stefan
Telerik team
 answered on 03 Jul 2018
2 answers
151 views
The way the API docs are setup it makes it seem like Column isn't a component. The GridColumnProps are documented but not Column itself. It makes it hard to determine which components are valid for serving as children of the Grid component. Also, it shows GridRow as a component but I don't see any examples using that. I know this is new and the API docs are probably just a work in progress but if I am overlooking something please let me know.
Stefan
Telerik team
 answered on 29 Jun 2018
3 answers
1.5K+ views

i'm using kendo grid and i want to add OnClick in a button on template column 

here is my code : 

<GridColumn field="Actions" title=" " template="<button type='button' onClick='editUser(&quot;#:Id#&quot;)'><i class='fas fa-pencil-alt'></i></button>"/>

but it is not working.

i aslo tried this code it return null

 

<GridColumn field="Actions" title=" " template={<div dangerouslySetInnerHTML={<Button onClick={()=>this.editUser(null)} color="primary"><i className="fas fa-pencil-alt"></i></Button> }></div>}/>

 


 

Stefan
Telerik team
 answered on 26 Jun 2018
1 answer
156 views

We're experiencing an issue where a Kendo React Wrapped Grid isn't rendering the same way consistently. Sometimes it will render as expected like this:

<table role="grid" class="table table-striped table-bordered dataTable k-grid-header"> ... </table>

But other times it will render without the classes at all, which breaks a lot of the styling and sizing:

<table role="grid" > ... </table>

 

It is inconsistent across page refreshes for the same grid. In fact, it seems to be that if Chrome Dev Tools are open it will render correctly, but if they are not open then it will render incorrectly. I would have assumed it was a caching issue, but if I close dev tools and refresh the page again it reverts to the broken state.

Stefan
Telerik team
 answered on 22 Jun 2018
4 answers
302 views

layout is lost when I feed data using axios, but it is working with local data.

What I meant is instead of displaying Grid with Paging, it is displaying just Grid only.

 

working sample with local data :

https://github.com/vsaravanan/react-kendo-paging/commit/3979718024811fcd4a042711375b0058d84a936d

 

Layout is lost when I pull the data using axios.

https://github.com/vsaravanan/react-kendo-paging/commit/b1d2ce2d6088f74a41cbcc2542e5dea458563fbe

Stefan
Telerik team
 answered on 18 Jun 2018
1 answer
101 views
This is using kendo grid in react

https://codesandbox.io/s/6lyv8y3q7r
Stefan
Telerik team
 answered on 15 Jun 2018
1 answer
363 views

I am following the most basic example of using the Kendo React Grid from https://www.telerik.com/kendo-react-ui/components/grid/

I am using Webpack to bundle my files.  When I create a project with like the example above, the generated file is at /node_modules/@progress/kendo-react-grid/dist/es/main.js is 1.16 MB in size which is massive.  

My webpack.config.js file looks like

var path = require("path");
module.exports = {
    entry: {
        test: ['./src/test.jsx']
    },
    output: {
        publicPath: "/js/",
        path: path.join(__dirname, "/js/"),
        filename: "[name].js"
    },
    module: {
        rules: [{
            exclude: /node_modules/,
            loader: "babel-loader",
            query: {
                presets: ["es2015", "stage-0", "react"]
            }
        }]
    },
};

This file size makes it debugging in the browser dev tools almost impossible as the browser hangs.

I've used the React wrappers previously, the file sizes were tiny in comparison.

Is this expected or has something gone wrong in my setup?

 

Stefan
Telerik team
 answered on 31 May 2018
2 answers
158 views

I have problem with importing styles into react project using Kendo ui default style template. I have described it in more detail on stackoverflow. 

https://stackoverflow.com/questions/50576958/react-kendo-ui-styles-module-failed-to-parse-you-may-need-an-appropriate-loa

Martin
Top achievements
Rank 1
 answered on 29 May 2018
3 answers
151 views

Hello,

I am having issues with inputs and forms inside of the PanelBar component. Inputs do not allow spaces, and forms cannot be submitted when pressing enter.

My best guess is that the keyboard navigation feature of the PanelBar is preventing these from propagating. Is there a way to turn this off? I didn’t see an option in the docs.

Here’s a link to one of the example plunkers that I modified to show the issue: https://plnkr.co/edit/mgd7FRGLjAvWpEULu883?p=preview


Spencer
Top achievements
Rank 1
 answered on 28 May 2018
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?