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)?

For the GridPDFExport feature, are there any limitations for border? I can't seem to get a dashed border to export correctly (always exports as solid although it does correctly apply border-width) => do these drawing limitations apply to the GridPDFExport component as well? If not, is there anything I could be doing wrong?

I've added the border through rowRender as well as CSS but neither export the dashed border correctly.

Thank you in advance!

I'm looking for an example of how we would use a JSON object to dynamically generate a form. We have a number of products that users can select and depending on the product they select the input fields will be different, all of the configurations can be sent via a JSON object but i'm trying to understand how to use that to generate a unique for based on the config.

Are there any examples of this type of dynamic form?