Hi Team,
We are using Kendo react scheduler in one of our project. We need a custom marker in a scheduler control similar to current date time marker in a Timeline view. I have attached the image for reference.
Please let us know if there is any property available or any other ways to achieve this functionality. Also, how can we place it properly in a scheduler slot based on specific date and time like May 12, 2020 13:40.
Regards,
Abhinav
Can the Kendo UI Multiselect possibly select the "active" item when tab is pressed? It currently does this for the enter key.
We are building a Typescript Create React App application, and we would really like to be able to allow our users to type a partial entry and then allow tab to complete the selection and move on to the next input.
I tried to make it have this behavior but it became a fairly large mess and seems like it could be facilitated in the source code with less mess.
Even possibly just exposing access to more events would make it easier, like an onKeyDown, but that would still require some additional code to figure out what the current active item is.
Currently using these below, not sure what "Version" below in this form those belong to so I just guessed:
"@progress/kendo-react-inputs":"^3.9.0"
"@progress/kendo-react-dropdowns":"^3.9.0"
WHAT:
Add custom cell rendering option for MultiColumnComboBoxColumn. Just like the 'cell' in GridColumnProps.
I am trying to create a radial gauge with gradient fill but I don't see any help regarding this. Please see the below image of what actually I am looking for.
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
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.
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.
--
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 :-)
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 :-)
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.
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.