In the example below, the grid is melted into the page. There is no scrolling in the grid. Even if the list grows to 10, the height will increase by itself.

However, the height of kendo grid is mostly fixed in all examples, so scrolling occurs. How can I set auto height without scrolling? Also, please include an example of removing scrolling in the official example. It's too stereotyped. It's so frustrating because of the scrolling.

https://hyper-react.coderthemes.com/ui/tables/advanced

I have a big project and I use the Kendo react editor.

When the build is done within the pipeline, perhaps due to some memory limitation, an error occurs.

However, removing the editor tools completes the build.

Example Success (remove tools from Editor)

import { Editor, EditorTools } from "@progress/kendo-react-editor";

const App = () => {
  return (
    <Editor
      contentStyle={{
        height: 630,
      }}
      defaultContent={content}
    />
  );
};

Example Fail (with tools in Editor)

import { Editor, EditorTools } from "@progress/kendo-react-editor";
const { Bold } = EditorTools;

const App = () => {
  return (
    <Editor
      tools={[[Bold]]}
      contentStyle={{
        height: 630,
      }}
      defaultContent={content}
    />
  );
};

Hi

We have a list of names that we would like the user to pick and insert from a drop-down list located inside the editor.

We have created a custom tool for the drop-down list but am wondering as to how we can pass the list of names from the main editor component, into the custom tool. Any ideas?

const TargetEditor = ({names}) => {
  return (
    <Editor
      tools={[
        [Bold, Italic, Underline, Strikethrough],
        NamesDropDownTool, // we want to pass the list of names (which can be changed by the parent control), into this custom tool
      ]}
      contentStyle={{
        height: 630,
      }}
    />
  );
};

Alphabet is OK.

but, Hangul is broken in react AutoComplete odata.

input : 사랑해요

result : ㅅ사살라랑해요

What's the problem?

thank you.

https://stackblitz.com/edit/react-4gcgfa-fsrl3m?file=app%2Fmain.jsx

Hi. I'm trying to changing milliseconds part.

But, it's perfect only to display milliseconds part.

In other words, milliseconds part cannot be changed using mouse wheel or keyboard.

In addtion. cannot make milliseconds part be focused.

(date,hour,minute and second are working)

the format props of DateTimepicker is "yyyy-MM-dd HH:mm:ss .SSS"

the defaultValue and value props also is correct. Because displaying milliseconds is perfect.

@progress/kend-react-dateinputs: ^5.7.0

Pease. let me resolve this problem.

thanks.

Hi,

How to expand all nodes by default in treeList in react?

Can anyone give example how to achieve this?

Hello.

I have some problems with popover. I also saw the demo.

1. If I use the default position (top) and anchor, the element (popover) is displayed lower than anchor by the full height. Use positionMode fixed didn't help.

2. I also need to use appendTo. If position is top, collision does not work properly.

3. If I use position bottom, the popover appears correctly, but the collision doesn't work at all.

Is there an example somewhere of a complex use of popover with appnedTo, anchor and collision? Are there any special css/js settings required? Because we use popover in a rather complex html structure.

Thanks.

Hi Team, 

As my title says, Im trying to change style props of a drag/resize item, specifically the background color. My use case is that when an event is dragged or resized into an invalid time slot, I want the drag/resize item to become red.

After messing around with the SchedulerItem and SchedulerEditItem, the best I can do is to change both the SchedulerItem and DragItem colors if the slot is invalid, see my CustomItem, but I only want the dragItem to change. I tried setting the style on the dragItem in both the ScheduleItem and ScheduleEditItem with no success.

I see in the docs there is a SchedulerDrag component, but I cannot find how/where its used.

Side Note: If I log the output of `useSchedulerEditItemDragItemContext()` it logs an array with 3 elements, [dragItem, setDragItem, ???]  what the second function, because I cannot it an any docs

Thanks,
Grant

Hello.

How to set the step in the slider so that the steps work even with drag and drop. When you click on the button, the values increase by [step], but not when you drag and drop.

Thanks.