Telerik Forums
KendoReact Forum
2 answers
186 views

i was testing the Column menu filter function. and noticed that for the dates specifically the dropdown menu for isEquals to does not return the date choosen even if it exist. i tried for a date after and before as well incase of time storing error like midnight but that wasn't it. However the "is Before and Equals to" and the "is After and Equals to" work for getting the equals date. 

is this a known issue or a bug? can i specifically remove that option from the drop down or make it not default is so how?

Krissy
Telerik team
 answered on 10 Jun 2021
1 answer
138 views
How to export excel grid in sort or filter or group or reordered format? 
Stefan
Telerik team
 answered on 08 Jun 2021
1 answer
532 views

Hello,

 

is it possible to put the horizontal scroll bar that is on the bottom to the top

 

 

Thank you, Matjaz Reberc

Stefan
Telerik team
 answered on 07 Jun 2021
1 answer
797 views

Hi,

We were using some custom icons in our application and wanted to replace column menu icon with custom icon.

How to achieve it? please share if you have any example.

 

Stefan
Telerik team
 answered on 04 Jun 2021
1 answer
144 views

Hello,

it is possible somehow pass HTML into Hint component ?

Thank you

<Field name={"logo"}
label={"Bound with logo"}
hint={"Logo only displays on <strong>Premium</strong> jobs"}
component={FormDropDownList} />

Stefan
Telerik team
 answered on 03 Jun 2021
2 answers
276 views

I am trying to create a sortable list with a slider inside it.

Here the example: https://stackblitz.com/edit/react-a3gnj5?file=app/main.jsx

As you can see, the code without the Sortable component works well, but with the Sortable component I cant use the slider and the focus is lost when I try to writte in the input component and the rerender happens.

Any suggestion? The slider and the input must be a 'controller component'.

Thanks!

PD: sorry for the post title, please change it :)

Carlos
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 03 Jun 2021
1 answer
373 views

We are using the Window component with stage="FULLSCREEN" in a page that has HTML content in addition to the react app.  When the window is opened it displays as expected but allows for scrolling down to see the content of the page that is not part of the react app. 

Is there a way to prevent this scrolling so that the window appears to be the only content available to the user?

 

stackblitz example:

https://stackblitz.com/edit/react-o5rkfv?file=index.html

 

 

Stefan
Telerik team
 answered on 03 Jun 2021
2 answers
1.2K+ views

Hi,

When lock more than one columns in grid, each column has thick border on right side, how do we have thick border only on last column?

I have attached the sample image with grid three columns are locked, I need thick border at third column right on side (marked in green), do not need thick borders on column one & two (marked in red).

Thanks,

 

Jega
Top achievements
Rank 1
Iron
Iron
 answered on 02 Jun 2021
1 answer
751 views

Hi,

We were using kendo react grid with column menus  enabled.

Column menu pops up when user clicks the icon (three dots) at the end of each column. We want the functionality of popup column menu on header click instead sorting [current default functionality]. 

It would be help us if you provide working example or ways to achieve it.

Thanks,

 

Stefan
Telerik team
 answered on 02 Jun 2021
1 answer
516 views

Hello,

I found a bug when process a group with null value.

This is the example that doesnt work: https://stackblitz.com/edit/react-hmnv9d?file=app%2Fmain.jsx

The first group with field 'estadoDenominacion' value 'null' is not rendering.

The response string in the products-loader.jsx is an example of our .NET Core API, our backend is something like this:

using Kendo.Mvc;
using Kendo.Mvc.Extensions;
using Kendo.Mvc.UI;

public DataSourceResult Get([DataSourceRequest] DataSourceRequest requestl) 
{
    return Repository.Get().ToDataSourceResult(request);
}

The Kendo.MVC library we are using are: Telerik.UI.for.AspNet.Core 2021.2.511

I found the method: translateDataSourceResultGroups use the key field of the response to build a group object but if the field is null or undefined, then use undefined as value, and in this case, the value of the first group must be null.

here do yoyu have a snippet of your library:

// utils.js
var isPresent = function (value) { return value !== null && value !== undefined; };

// deserialization.js
var valueOrDefault = function (value, defaultValue) { return isPresent(value) ? value : defaultValue; };
var normalizeGroup = function (group) { return ({
    aggregates: group.Aggregates || group.aggregates,
    field: group.Member || group.member || group.field,
    hasSubgroups: group.HasSubgroups || group.hasSubgroups || false,
    items: group.Items || group.items,
    value: valueOrDefault(group.Key, valueOrDefault(group.key, group.value))
}); };

The value is returning undefined because group.value is undefined (doesnt exist in the response).

Thanks!

Stefan
Telerik team
 answered on 01 Jun 2021
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?