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?

Demo taken from KendoReact docs

When you scroll to the bottom of the grid, it starts glitching (there is a big blank space below the last row) => any workarounds?

Also, any workarounds for the fact that grouped grids with virtual scrolling can't use the expand/collapse functionality?

Thank you!

Hi,

1) Is it possible to do resource grouping below the dates?
To have for example Monday, and under Monday: Alex, Emma...
2) Is it possible to customize date format from the table header? 

Hi,

I'm aware there is a cellRender method. There is also a rowRender method.

In our project we allow users to style fields, for example the user might set a specific field/column to have a background colour of red. I do this in the cellRender method.

But what is the user wants to highlight an entire row (so each field/column has a background colour)? I wondered if we could use the rowRender to achieve this.

I have got the desired effect but am wondering if this is considered bad practice? Is this okay or is it better to add more logic to the cellRender method?

const rowRender = (tr, props) => {

// In this basic example, the second row of the grid has all it's cells coloured red. It'll obviously be more complex than this

if (props.dataIndex === 1) {
    props.children.forEach((cell, i) => {
    props.children[i] = React.cloneElement(cell, {...applyStyle({backgroundColour: '#ff0000'})});
});

...