Telerik Forums
KendoReact Forum
5 answers
770 views

How to enable bottom scrollbar on a TreeView? Right now the component is checking only for the first level item width and everything else is cut and without bottom scrollbar.  example

Stefan
Telerik team
 answered on 30 Jul 2020
14 answers
955 views

I saw the webinar yesterday and started adopting the new "Form". Over all great way to work with forms.

  1. I did not see a way to have "< Field component={textarea}". using just <textarea> does not add the value to  the final object the "handleSubmit" get. Does it mean I have to replace all textarea with Editor?
  2. <Field component={Upload} does not error but does not show in the final object the "handleSubmit" how can I do that?
  3. "formRenderProps.onChange(.." can only be used inside the <Form ... />.  So I am forced to do anonymous functions on the onChange of each field that sets other fields. is there another way to allow  named functions?
  4. <fieldset><legend>Some text</legend> always shows "Some text" all uppercase. https://www.w3schools.com/tags/tag_legend.asp shows no change of case.

 

Thank you

Ofer
Top achievements
Rank 1
Veteran
 answered on 29 Jul 2020
1 answer
380 views

I have a date field on my class, displays the data using the below GridColumn, but, I cannot get it to format the date string, no matter what I do I always seem to get 2020-07-31T00:00:00

<GridColumn
                field="del_Date"
                title="Del Date"
                width="150px"
                editable={false}
                filter="date" 
                format="{0:D/M/YY}"
              />

 

I have followed the documentation and the above seems to be correct, what could I be doing wrong?

Stefan
Telerik team
 answered on 29 Jul 2020
2 answers
166 views

Hi All

Fairly new to typescript/react

I am trying to set the sort properties for a sub grid in a GridDetailsRow component (class DetailComponent extends GridDetailRow )

 

I have no issue with sort setting on the parent/master grid using the state, ie:

this.state = {
      data: productsInit,
      gridDataState: {
        sort: [{ field: "lineitemnumber", dir: "asc" }],
        page: { skip: 0, take: 100 }
      }

}

 

But how do I use the global state to set a different sort on subgrids?

 

Any help would be great, thanks

Nick
Top achievements
Rank 1
Veteran
 answered on 29 Jul 2020
1 answer
136 views
Hi,

I have a question regarding React Scheduler:
If I have more than 2 events it will give 3 dots at the bottom of the Slot,
is it possible to render more than 2 events?

Thanks
Kiril
Telerik team
 answered on 29 Jul 2020
4 answers
799 views

Is there a way to Focus on a columns filter text box after selecting a filter option like "Contains" or "Starts with"?

The focus is on one of the records but should be on the filter text line so the user can enter filter criteria.

 

 

 

Matt
Top achievements
Rank 1
 answered on 28 Jul 2020
1 answer
291 views

How to use the editor for formatting markdown format response. Is there a way to toggle the editor to view mode with no options and only content.

Example Markdown text : "**Stereo speakers**\n\nThe 10-point multi-touch touchscreen lets you use your fingers to select, zoom, and move things around.\n\nMechanical friction attaches the Clipboard to the keyboard. The keyboard features a standard layout and backlit keys, with special shortcut and function keys to help you do common tasks more quickly.  Write naturally with the included Surface Pen. Quickly jot down notes or capture screenshots in OneNote, even while your Surface is locked.  Surface Book supports standard Wi-Fi protocols (802.11a/b/g/n/ac) and Bluetooth® 4.0. Connect to a wireless network and use Bluetooth devices such as mice, printers, and headsets.\n\nSurface Book features an 8-megapixel rear camera with autofocus and a 5-megapixel, fixed-focus front camera. Both cameras are high resolution and record video in 1080p, with a 16:9 aspect ratio (widescreen).\n\nSurface Book is also Windows Hello compatible with an infrared (IR) face-detection camera built in.\n\nTwo noise-canceling microphones ensure accurate audio recording and enhanced call quality.\n\nTwo front-facing stereo speakers with Dolby® enhanced sound provide an immersive playback experience for all your music, podcasts, and audio books.\n\nPorts and connectors "

Nikolay
Telerik team
 answered on 28 Jul 2020
4 answers
196 views

Hi,

All column menu examples in the documentation are column type specific (date, text, boolean...) https://www.telerik.com/kendo-react-ui/components/treelist/columns/menu/ . How to do a generic column menu with only sort and without any filter? 

Matej
Top achievements
Rank 1
Veteran
 answered on 24 Jul 2020
1 answer
381 views

My custom component for a custom cell is created using Typescript:

1.import {GridCellProps} from '@progress/kendo-react-grid';
2. 
3.export class CustomCell extends React.Component<Readonly<GridCellProps>> {
4.    ...
5.}

I am trying to pass a custom prop to it: 

MyCustomCell = (props) => <CustomCell {...props} myProp={this.customData} />

But get the error:
Property 'myProp' does not exist on type 'Readonly<Readonly<GridCellProps>> & Readonly<{ children?: ReactNode; }>'.

How can I get past the TS constraint?

Stefan
Telerik team
 answered on 23 Jul 2020
2 answers
146 views

Hi,

Is the filterBy from TreeList working with a CompositeFilterDescriptor? Because in the doc there is "descriptors FilterDescriptor[] | CompositeFilterDescriptor[]"  https://www.telerik.com/kendo-react-ui/components/treelist/api/filterBy/ but I was not able to make it work https://stackblitz.com/edit/react-dyav5s?file=app/main.jsx . If there is no support for CompositeFilterDescriptor do you have available some function to convert the CompositeFilterDescriptor to FilterDescriptor?

Matej
Top achievements
Rank 1
Veteran
 answered on 22 Jul 2020
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?