Category axis plot bands start behaving strangely when you zoom a chart by increasing the min prop of ChartCategoryAxisItem. Category plot bands are essentially broken if you're setting the min prop to a non-zero value.

https://stackblitz.com/edit/react-zaswls?file=app/main.tsx

This is a version of the first example at https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/plot-bands/ that has been edited to show the problem. When ChartCategoryAxisItem min is set to 5 and max is set to 10, the category plot band from 8 to 10 should be visible, yet it's not.

Hi Team,

I want to display radio button in grid row using kendo react grid. i could see checkbox option but not radio button. can you suggest?

I have a Scheduler component on my page that uses a custom SchedulerEditItem to display the events. Every time I click on any Scheduler item that is not a allDay item, the allDay items get resized the height becomes 2 px bigger. In the screenshot you can see the allDay-Rows that are filled are bigger than the others. That's because I clicked multiple times on any scheduler items.

In the Scheduler component I have set the editable options like so:

editable={{
     add: true,
     remove: false,
     drag: false,
     resize: false,
     select: false,
     edit: true,
}}

Previously I also had the "select" option set to true and that caused the allDay items to resize even when I clicked anywhere in the scheduler, so also on the empty slots the same behavior was showing. It also doesn't help if I either set the slot height or the height in the styling of the SchedulerEditItems that have the isAllDay property set to true. Unfortunately my app is much to big to copy it somewhere to be able to troubleshoot the behavior. So I'll just put here the configuration of the Scheduler and the SchedulerEditItem to start the discussion.

<Scheduler
	data={calendarData}
	defaultDate={displayDate}
	height={400}
	header={(props) => <React.Fragment />}
	footer={(props) => <React.Fragment />}
	timezone="CET"
	slot={CustomSlot}
	onDataChange={handleDataChange}
	editable={{
		add: true,
		remove: false,
		drag: false,
		resize: false,
		select: false,
		edit: true,
	}}
	editItem={CalendarProfileItem}
	form={
		isColumnEmpty
			? NewProfileForm
			: EditProfileForm
	}
>
	<WeekView
		title="Full Week"
		workWeekStart={Day.Monday}
		workWeekEnd={Day.Friday}
		showWorkHours={false}
		workDayStart="06:00"
		workDayEnd="19:00"
		dateHeaderCell={CustomDateHeaderCell}
		slotDivisions={1}
	/>
</Scheduler>

        <SchedulerEditItem
            {...props}
            ref={item}
            title={title}
            description={props.dataItem.description}
            onDoubleClick={onSchedulerItemDoubleClick}
            startTimezone={'CET'}
            endTimezone={'CET'}
            showOccurrenceDialog={false}
            style={{
                ...props.style,
                backgroundColor:
                    props.dataItem.color || GLOBALS.STANDARD_JOB_COLOR,
                color: getContrastYIQ(
                    props.dataItem.color || GLOBALS.STANDARD_JOB_COLOR
                ),
                height: props.dataItem.isAllDay ? '35px' : undefined,
            }}
            vertical={true}
        >
        </SchedulerEditItem>

Hello, I'm currently working with the Gantt React Component and have come to a point where I can't find a solution for my problem. My goal would be that a popover appears on hover over one of the yellow marked elements, wich contains two links to other websites. I would have to pass a key or an id to the link, which I get from the element the mouse is hovering over, based on which a specific article appears on the page called up. Unfortunately I couldn't find anything comparable in the documentation. 

I would be very happy about suggestions for a solution. Thanks!

I'm displaying a Popover in a GridCell, but the content is being queried as the Popover renders.

Because of this, the initial height of the Popover is much less than it will be once the data is available. The problem I'm seeing is that when the data becomes available, the Popover increases in height but any new collision is not detected, which sometimes results in the Popover going offscreen.

Here's a demo where the Popover position is bottom, but should flip on collision. When mousing over the Popover cell in the bottommost (visible) row, initially there is enough space to display below the cell. After the setTimeout runs, the content grows off the page.

https://stackblitz.com/edit/react-tudni8?file=app/main.jsx

I have been working with the KendoReact PDF Generator. I'm having trouble with getting my custom fonts to be exported to the PDF. I have added the @font-face to my css file, but it still falls back to the default font. I have tried with both TTF fonts and OTF fonts. 

I'm hoping someone can shed some light on what I'm doing wrong.

I'm not using inline CSS. I'm using classes.

Thanks in advanced for help.

Stephen

I'm using a comboBox with the allowCustom setting. 2 questions:

1) How can I make sure that only integer values can be entered as custom value (meaning numeric values without decimal point)?

2) How can I make sure that only double values can be entered as custom value (meaning numeric values with or without decimal point)?