Telerik Forums
KendoReact Forum
1 answer
129 views

In my previous projects with kendo the grid i used a <Grid> component with default theme.

I made an identical one, but here kendo ui grid is behaving like a table and has k-table class and the header has .k-table-thead. The old project only has k-grid-table class and it works good. The kendo,  react, node, versions are the same, and style sheets are the same too.

But why is it behaving differently?

Vessy
Telerik team
 updated answer on 17 Mar 2023
1 answer
714 views
I'm having some trouble displaying the Grid's pager info component.  Per the documentation and demo at https://www.telerik.com/kendo-react-ui/components/grid/paging/, I am attempting to set the grid's pager in the following manner:

const pagerSettings: GridPagerSettings = { type: "input", pageSizes: [10,100], info: true };
<Grid
   pageable={pagerSettings}
   ...
>
   ...
</Grid>
However, when the grid is rendered, the div containing the pager info is still set to display: none, seemingly being set by 
~@progress/kendo-theme-bootstrap/dist/all.scss.

I'm therefore having to apply the following styling in order to render the pager info:
.k-pager-info {
    display: block !important;
}
But of course, this applies to all instances of my grid.  I can work around this problem by using more specific css selectors, but I'd like to be able to simply use the info attribute of GridPagerSettings to render the pager info div.

Any insight or assistance would be hugely appreciated!

I am using "kendo-react-grid": "^5.10.1"
Konstantin Dikov
Telerik team
 answered on 17 Mar 2023
1 answer
471 views

Hi Team,

I need to build a treeview kind of feature where I can dynamically add child nodes .when user click parent node a button can be used to add child nodes.
Something like below attached snapshot. I surfed for examples but couldn't make out. Kindly share some reference to achieve this.

Wissam
Telerik team
 answered on 15 Mar 2023
4 answers
257 views

Hello,

I would like to ask if it is possible to customize reasource cell in Timeline view in Scheduler control. I would like to show user specific icon and multiline text,

I found similar question from 2020 (https://www.telerik.com/forums/scheduler-customization-questions), did you already implement such a  functionality?

Thanks

Matus

Matúš
Top achievements
Rank 1
Iron
 answered on 14 Mar 2023
1 answer
160 views

Greetings,

Is there a Kendo Tags (standalone component) I can use inside the Card body content?

I found this image that has tags inside the card body content. It would be great if the tags are closable.

Please see the attached image. Thanks!

 

Best Regards,

Jason Li

Wissam
Telerik team
 answered on 10 Mar 2023
1 answer
302 views

Hi,

Disabled KendoReact Bootstrap theme inputs have a very different appearance to HTML Bootstrap inputs when disabled. Bootstrap inputs have a greyed out appearance (https://getbootstrap.com/docs/5.0/forms/form-control/#disabled) whereas the opacity only changes for KendoReact inputs (https://www.telerik.com/kendo-react-ui/components/inputs/textbox/disabled/).

Is there a reason why the styles are different? Is there anything we can do to make a disabled KendoReact input look like a disabled Bootstrap input?

Kind regards,

David

Wissam
Telerik team
 answered on 09 Mar 2023
1 answer
176 views

Hi guys I am trying to use GridPDFExport component. Use the same exact code as example. got this error.

Wissam
Telerik team
 answered on 09 Mar 2023
1 answer
516 views

Hi team,

I'm trying the example (DropDownList, itemRender) here: https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/custom-rendering/ but using last react version (18.2.0) the code give an error: 


TS2746: This JSX tag's 'children' prop expects a single child of type 'ReactNode', but multiple children were provided.
    |     const index = itemProps.index;
    |     const itemChildren = (
  > |       <span style={{ color: "#00F" }}>
    |        ^^^^
    |         {li.props.children} {index}
    |       </span>
         );

Work using a cast:


<span style={{ color: "#00F" }}>
        {li.props.children as ReactNode} {index}
</span>

 

Regards

Vessy
Telerik team
 answered on 08 Mar 2023
1 answer
214 views
i have a horizontal bar chart using kendo react chart. can someone help me on setting fix barHeight chartseriesitem ?
Vessy
Telerik team
 answered on 08 Mar 2023
1 answer
811 views
import { ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent } from '@progress/kendo-react-layout';

I am using "@progress/kendo-react-layout": "3.17.0",

When I try to import ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent, I get an error:

Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanel'.

Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanelContent'.

Module '"@progress/kendo-react-layout"' has no exported member 'ExpansionPanelActionEvent'.

 

Does version 3.17.0 not have ExpansionPanel, ExpansionPanelContent, ExpansionPanelActionEvent?

Is there anywhere in the docs that describes what is/is not in 3.17.0. I get similar errors trying to use DrawerSelectEvent.

It's frustrating not knowing what I can use.

 


 

Wissam
Telerik team
 answered on 07 Mar 2023
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?