Telerik Forums
KendoReact Forum
1 answer
203 views
Currently using the Column Menu Checkbox Filter in several places in our grid. It innately works great, but our client wants us to remove the additional step of selecting the "Filter" button to apply the filter from the column menu, and instead wants the columns to filter on selection of the checkboxes in the column menu filter itself. I have noticed that most things on this component aren't exposed, and even the example in the documentation of adding a custom UI, the UI provided to the component does not contain the Filter and clear button, but they still appear - as a footer perhaps? - any way of accomplishing this would be greatly appreciated, thanks for your time!
Wissam
Telerik team
 answered on 04 Oct 2023
1 answer
145 views

I noticed that kendo-data-query was updated to version 1.7.0, but there is nothing listed here: https://www.telerik.com/kendo-react-ui/components/changelogs/data-query/

Also, I've noticed lag between when a new version is released and release notes are set: https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/ In this case, 5.19.0 is available but there are no notes detailing what was added/fixed.

How long should we expect to wait for release notes to be available? We like to keep our libraries up-to-date, but would like to know what has changed.

Thanks!

Wissam
Telerik team
 answered on 02 Oct 2023
1 answer
104 views

Hi there,

Is the demo here loading for you? https://www.telerik.com/kendo-react-ui/components/knowledge-base/grid-hide-grouped-columns/

  • When I click "Open in StackBlitz" or "Open in CodeSandbox", none of the dependencies are added and files that are required for importing are missing.
  • The embedded demo itself on the Kendo site is not working/loads forever.

 

Thank you in advance for your help!

Janki

Filip
Telerik team
 answered on 02 Oct 2023
1 answer
205 views

I have some content that consists of an image with a hidden link. (It used to be a button, but I found that the button was being stripped out entirely. If there's a way to fix this, I will probably go back to the button.)

<div class="divbutton">
<p>
<img src="data:image/jpeg;base64,foo" alt="Xsctn_Strat-Struct.jpeg" title="Xsctn_Strat-Struct.jpeg" style="width: 100px" class="Figure-Preview" id="64319096-9a51-418d-a11b-e70d25d9cb0e" contenteditable="false" draggable="true">
<a contenteditable="false" onclick="parent.image_preview(document.getElementById('64319096-9a51-418d-a11b-e70d25d9cb0e').src)">EXPAND</a>
</p>
</div>

When I inspect the <a> element, it's missing its onclick (and contenteditable attribute, although that is not critical.)

If I manually recreate the onclick event in the DevTools, it works perfectly.

How can I stop it from being removed?

Konstantin Dikov
Telerik team
 answered on 29 Sep 2023
2 answers
208 views

Hi team, 

I've created a `CustomScheulerEditItem` component to handle use cases when the user double clicks and item and when then move it.

However I've noticed that when clicking or double clicking an item, the `SchedulerEditItem` triggers the `onRelease` callback and then the `onClick` or `onDoubleClick`.  Due to this behaviour, the action I need to complete onClick, never happens.

I have an example here in stackblitz (https://stackblitz.com/edit/react-nc1tnr?file=app%2Fmain.jsx), now I know that the `onClick` callback is working, but its being preceded by `onRelease`. Have I impl this incorrectly? please advise how I can ignore the `onRelease` when simply clicking on the Item.

Thanks,
Grant

Grant
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 29 Sep 2023
0 answers
133 views

Hey everybody,

would like to use Gantt control on a tablet. but there don't seem to be any touch events, nor can I scroll. Did I miss something?

Regards

Lars
Top achievements
Rank 1
 asked on 28 Sep 2023
1 answer
127 views

I'm looking at the examples of virtualization found on https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/virtualization/

There is a problem at the main.jsx file, when you look at the full source you can see that the project was set up using outdated approach that defaults back to React 17 :https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis

Line that is outdated:

ReactDOM.render(<App />, document.querySelector('my-app'));

using the new Client Render API you will see that the scroll is glitching:
https://codesandbox.io/s/kendo-virtualization-problem-d4375s?file=/src/index.js

Hope someone has a simple solution?

Vessy
Telerik team
 answered on 28 Sep 2023
1 answer
162 views

Hi there,

Referring to the Task Board documentation from Custom Rendering - KendoReact (telerik.com) and TaskBoardTaskEditPaneProps - React TaskBoard Component - KendoReact API (telerik.com)

How can I add additional input fields (eg: assignee) to the Task Board Task Edit Pane. Currently on 3 input were allowed (title, description, priority).

Konstantin Dikov
Telerik team
 answered on 28 Sep 2023
1 answer
164 views

I have implemented a grid using OData Server Operations, very similar to this example:
https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/

But now I can't highlight the selected row. Using the process function does not allow for server side paging, filtering or sorting.

I can't use `getSelectedState` as my version of the grid has no exported member.

Is there any other way I can highlight the selected row?

SoH
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 28 Sep 2023
1 answer
203 views
I am trying to use drawer and panelbar but now some hooks are used, Could you provide some example for the Drawer or PanelBar components? please
Vessy
Telerik team
 answered on 27 Sep 2023
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
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?