Telerik Forums
KendoReact Forum
1 answer
153 views

Hi All

New to react in general but I have a grid up and running with a footer using a function to perform a simple sum (as per the below)

 

This is all working fine on data load, but if I update any values and even update the state it does not seem to trigger an update to the cell totals in the footer. would there be anything that I could be missing here or have to call?

const CellTotals = (props) => {
  const sum = products.reduce(
    (acc, current) => add(acc, current[props.field]),
    0
  );
  return (
    <td colSpan={props.colSpan} style={props.style}>
      {formatMoney(sum)}
    </td>
  );
};
Vladimir Iliev
Telerik team
 answered on 20 Jul 2020
5 answers
878 views

Hello, 

I'm trying to use DateTimePicker like this: 

<DateTimePicker
show={show}
onChange={this.onDatepickerChange}
// cancelButton={false}
popupSettings={{
appendTo: this.renderRef,
animate: false,
}}
/>
<Button  onClick={this.toggleCalendar} />
<div id="render" ref={(render) => { this.renderRef = render; }} />

1. I don't have control on "Cancel" button. When I set show prop and try to toggle the calendar with custom button, the "Cancel" button doesn't work. I can only hide it.

2. Then I tried to set DateTimePicker popup to Not render in the "body", but it doesn't work. Every popupSettings is ignored. I tried this in kendo react Popup component and the prop "appendTo" worked as expected.

Thanks in advance for the help !


 

 

Kiril
Telerik team
 answered on 20 Jul 2020
7 answers
727 views

Hi, questions about react Scheduler:

1. Is it possible to open edit dialog with single click? (not double click)

2. Can I hide "all day" header row?

3.Can I have a custom component for resources? I open edit dialog and under description there are my resources dropdowns. Can I have an Autocomplete instead of dropdown?

4. Is it possible to have custom edit dialog? (not colors but custom components and layout) 

5. Can I add more columns to Agenda view?

6. In Month view when I have a lot of items in a day there is a button with 3 dots. Can I add a text to that button?

7. In a Timeline view when I have a lot of events in the same time for peter they are interfering with Alex row (see attached file, it is from your example)

 

Kiril
Telerik team
 answered on 16 Jul 2020
5 answers
461 views

Hi,

I am working with kendo ui spreadsheet and I am trying attach a function to a cell, where I click on a link and it can take me to my mail client and open up the compose email window, where all the values of From, Subject, and, Body will be pulled in from other cells.

I can do this in the excel using =HYPERLINK(“mailto:” & B4 & “?subject=“& B5 & “&body=“ & B6, ”Send Email”) formula but I am not able to do the same thing into the kendo ui spreadsheet component using the same formula (Although I can see that the "HYPERLINK" formula is supported by kendo ui spreadsheet in the documentation).

Is there something that I am doing wrong or it's an actual issue? If there is a functionality available in the kendo ui spreadsheet, can you provide me an example for how I can do it through UI and through the code as well.

 

Thank you.

Stefan
Telerik team
 answered on 14 Jul 2020
1 answer
125 views
My name is jerry phens, and I want to know how to use react. I am run a website name http://scamlegit.com. So, help me out how can I use it make my website good.
Stefan
Telerik team
 answered on 13 Jul 2020
1 answer
230 views

Hi,

For SchedulerGroup there is an option of horizontal or vertical orientation but how to set the orientation for specific view? We need a horizontal DayView but Vertical MonthView.

Stefan
Telerik team
 answered on 10 Jul 2020
3 answers
383 views

Hi,

How to enable kendo tooltip for scheduler? In my example there is a custom child in the SchedulerItem where kendo tooltip is working but if I hover over item title (e.g. "Car Service") browser tooltip is shown instead of kendo.

Kiril
Telerik team
 answered on 10 Jul 2020
3 answers
496 views

Hi, 

I created a custom edit dialog with one input (for now), "submit" and "close" button for my item by adding a form prop to SchedulerEditItem https://stackblitz.com/edit/react-zxvhmh (double click on any item and dialog will open)

My questions are:

1) Did I implement the submit correctly? Because I did not find any examples and the scheduler documentation in very confusing.

2) I need a similar dialog open on slot double click. Is there a prop like "form" available for the slot? If not what is your recommendation?

Stefan
Telerik team
 answered on 10 Jul 2020
3 answers
290 views

I have made a filter panel using the PanelBar. Each PanelbarItem contains the controls (checkboxes, multiselect, etc) to filter a dataset. I would like to add a checkbox to "select all" in the PanelBarItem title area so the user can manage the child controls in bulk. The component signature seems to be <PanelBarItem title="xxx" .../> where "xxx" is  a string. I tried to get lucky by passing <PanelBarItem title={ () => (<Checkbox ... />)}>, but didn't work. Any help would be appreciated.

 

 

Stefan
Telerik team
 answered on 10 Jul 2020
2 answers
97 views

Hello, 

I am trying to get the same display for the Categories Axis when having negative values in the Values axis like this example https://dojo.telerik.com/AYuPogoC/124,

But when trying this with KendoReact this is not working. https://stackblitz.com/run/?file=app%2Fmain.jsx

 

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