Hey everyone,

I'm considering KenoReact for some upcoming projects. It looks like an excellent component library.

I have one question regarding themes. Judging by the documentation it appears that themes can only be customized by overwriting SCSS variables directly within the SCSS file before the theme is imported. Theme customization in general appears somewhat limited in that there doesn't seem to be any way to programmatically override the theme.

For instance, if I wanted to allow a client to pick their own theme colours via a colour picker, save the colours to DB and then use those values in the theme I don't see any clear way to do this. For instance this type of implementation would be possible with Material-UI theming. One possibility is to use the styled components integration to override the theme? Though I imagine this might be somewhat cumbersome.

Any insight would be appreciated, thank you!

Hello,

Yesterday I got great help from Nikolay in creating a custom editor node, see https://www.telerik.com/forums/creating-a-custom-editor-node-with-html-inside. Now I would like to extend his solution so that when a user types (for example) `${name}`, it will be converted into my new node.

I looked at https://www.telerik.com/kendo-react-ui/components/editor/plugins/#toc-input-rules and tried to add this to the code solution from Nikolay. This is my StackBlitz so far: https://stackblitz.com/edit/react-y3dx71-uqujbr?file=app%2Fmain.jsx

On line 55, I added code for creating the new rule, and on line 78 I add the new rule to the editor plugins. But this does not seem to work, when I input something that I thought would match the rule, nothing happens.

What am I doing wrong here?

Also, I would like to add a condition to the rule: It should only be converted if the text matches one of the "code" props in the "shortcodes" array in InsertShortcodeTool.tsx. I tried looking at match property in the input rules documentation, but honestly I don't understand how it works.

I ran into the same problem illustrated here: https://www.telerik.com/forums/inline-cell-edit-functional

However the solution is unusable with large lists (even with paging) due to the obvious iterations, the lag between character inputs is horrendous. This is not an issue with other inputs such as the number input editor, only the text editor. Has there been any discussion surrounding this, the input control should keep track of this independently instead of needing to cycle through the entire data list on every keystroke. 

Thanks

I am seeing some weird behavior when it comes to resizing locked columns in the grid. Can you confirm that it is supported, if so there seems to be a bug. Try make the name column smaller or larger... different behaviors exist for both cases (see gif).

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

There is a feature in Month View where a day with many appointments will display an ellipsis ("...") at the bottom, indicating to the user that the day in question has more events scheduled than are listed on the screen.  Does Week View have a feature similar to this?

My users will sometimes display busy schedules with many appointments listed, and I would rather display "..." than the first character of each appointment as the component tries to mash all the appointments into the same box.

This thread references the feature I'm referring to in Month View:

https://www.telerik.com/forums/react-scheduler-render-more-events-in-month-view

As does this GitHub Issue:

https://github.com/telerik/kendo-react/issues/642

Do we have any way show checkbox enabled or disabled in React Kendo grid when using the below selected field.

<Column
          field="selected"
          width="75px"
          filterable={false}
          headerSelectionValue={
            data.findIndex(dataItem => dataItem.selected === false) === -1
          }

We'd like to have a side toolbar of dashboard widgets and drag and drop those widgets onto the TileLayout.  Is that possible at all, is there a way to drag and drop 'in' to the TileLayout?

The grid scrollbar works nicely when the data is prepopulated however when filling the data from an event the scroll bar does not work.

Here, from the documentation, the scrollbar works as intended:

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

(via https://www.telerik.com/kendo-react-ui/components/grid/scroll-modes/virtual/)

However, when filling the grid on an event the scroll functionality is lost:

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

Is there something I am missing here when populating the data via an event? I am not necessarily concerned with virtual scrolling, this also happens without virtual.

I have looked at the examples given here https://www.telerik.com/kendo-react-ui/components/layout/drawer/custom_rendering/

Howerver as far as I can see this changes all items to have the same custom rendering. Would it be possible to have item specific renderings apart from the general custom rendering for all items?