1) Use this StackBlitz application: https://react-scwx3i.stackblitz.io - This is based on Telerik's own DatePicker React example.
2) Highlight the AM/PM section.
3) Try to change the AM/PM section via typing. It doesn't change. Note that other fields in the date/time picker are responsive to keyboard input.
Expectation is that the AM/PM section should respect at least "A" and "P" inputs.
When changing the popup setting "appendTo" to a different element that has a wider width then the input of the dropdown multiselect is not working properly.
The dropdown is attached to that element but the styling is not changing to that parent and is just taking the width of it initial parent.
Example can be found here:
https://stackblitz.com/edit/react-wwhosr-awnrdm?file=app/main.jsx
When using the standalone popup control this is working as it should and adjusting it's width based on the parent it's appended to.
Add an option to show a callout (arrow) element for the Chart tooltip.
Similar to the Tooltip component option:
https://www.telerik.com/kendo-react-ui/components/tooltip/api/TooltipProps/#toc-showcallout
Hi there!
I've written this component for a custom message input box for the Chat in Conversational UI for React:
import { ChatMessageBoxProps } from '@progress/kendo-react-conversational-ui'
import { FC } from 'react'
const CustomChatMessageBox: FC<ChatMessageBoxProps> = (props) => {
return (
<>
<input
type="text"
name="message"
className="h-full w-full text-base md:text-sm focus:outline-none"
/>
{props.sendButton}
</>
)
}
export default CustomChatMessageBox
I'm supplying this component to the `messageBox` prop of the Chat component. However, sending the message doesn't work; neither by pressing enter or pressing the send button. If I replace the input with props.messageInput, it works.
Any help in fixing this will be greatly appreciated!
Thank in advance :-)
The navigation sidebar smooth scroll animation doesn't work for the Calendar component.
Here is a codesandbox that showcases the issue: https://codesandbox.io/s/hopeful-river-sk4oc?fontsize=14&hidenavigation=1&theme=dark
Thanks in advance for fixing this :-)
Hello,
i am new to React and Kendo React UI.
I am reading the documentation for Gantt, and if i understand it correctly i can customize header column (headerCell?), but I dont know how. Is there any examle ?
I wound like to customize the column with dates.
Thank you, Matjaz Reberc
I would like to use my custom component as the chat input. Is it possible to add new prop to chat component? Similar to DatePicker's "dateInput" prop.
Hi,
How to set the default operator of a second date filter which is different from first,
I have attached the screenshot for two different operator i need in case of date filter.
Hi,
How to select the tree-list column like excel column selection ?
How can be copy selected column data with the another column ?
please provide the reference link or example.
--
Is it possible to have a multirange support in the RangeSlider like the following (https://zillow.github.io/react-slider/):
It could be helpful to get multi range values using only one component. Easier for the developer to manage the data and for the user to select it.
I am using ExcelExport...
import { ExcelExport, ExcelExportColumn } from "@progress/kendo-react-excel-export";
one of the columns being exported is an Enum value. Is it possible to export the data and have the excel column be a dropdown picklist? I've attached a file of an example
Thanks
Hi,
How do I create a multi-row cell in footer? I have attached a screenshot as reference. Thank you
Hi
I am currently using kendoReact TreeList and using custom filtering for text. I want to limit allow filtering to happen only after user enters 3 or more characters. For this I want to show a placeholder saying "Enter more than 3 characters to filter....". Can I add a placeholder to the filter header ?
Thanks and Regards
Gaurav Thakur
Hi,
Good day!
Thanks for this wonderful library - we actually have a paid license in using ReactKendo.
Just a concern, because right now we are using TypeScript for us to improve our code quality but most of the Components in KendoReact is using any and not even allowing to pass a generic type.
Like for example in using KendoGrid - the data has `any` property so when rowClick is triggered, it returns `any` data type for `dataItem`
So what I did was, I wrapped the KendoGrid Component that would allow Type-Safety and override the `onRowClick` and any other functions that involve sending `dataItem` property.
Thanks!
Best Regards,
Lee