Telerik Forums
KendoReact Forum
1 answer
86 views

Hi there,

Is the demo here loading for you? https://www.telerik.com/kendo-react-ui/components/knowledge-base/grid-hide-grouped-columns/

  • When I click "Open in StackBlitz" or "Open in CodeSandbox", none of the dependencies are added and files that are required for importing are missing.
  • The embedded demo itself on the Kendo site is not working/loads forever.

 

Thank you in advance for your help!

Janki

Filip
Telerik team
 answered on 02 Oct 2023
1 answer
167 views

I have some content that consists of an image with a hidden link. (It used to be a button, but I found that the button was being stripped out entirely. If there's a way to fix this, I will probably go back to the button.)

<div class="divbutton">
<p>
<img src="data:image/jpeg;base64,foo" alt="Xsctn_Strat-Struct.jpeg" title="Xsctn_Strat-Struct.jpeg" style="width: 100px" class="Figure-Preview" id="64319096-9a51-418d-a11b-e70d25d9cb0e" contenteditable="false" draggable="true">
<a contenteditable="false" onclick="parent.image_preview(document.getElementById('64319096-9a51-418d-a11b-e70d25d9cb0e').src)">EXPAND</a>
</p>
</div>

When I inspect the <a> element, it's missing its onclick (and contenteditable attribute, although that is not critical.)

If I manually recreate the onclick event in the DevTools, it works perfectly.

How can I stop it from being removed?

Konstantin Dikov
Telerik team
 answered on 29 Sep 2023
2 answers
140 views

Hi team, 

I've created a `CustomScheulerEditItem` component to handle use cases when the user double clicks and item and when then move it.

However I've noticed that when clicking or double clicking an item, the `SchedulerEditItem` triggers the `onRelease` callback and then the `onClick` or `onDoubleClick`.  Due to this behaviour, the action I need to complete onClick, never happens.

I have an example here in stackblitz (https://stackblitz.com/edit/react-nc1tnr?file=app%2Fmain.jsx), now I know that the `onClick` callback is working, but its being preceded by `onRelease`. Have I impl this incorrectly? please advise how I can ignore the `onRelease` when simply clicking on the Item.

Thanks,
Grant

Grant
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 29 Sep 2023
0 answers
110 views

Hey everybody,

would like to use Gantt control on a tablet. but there don't seem to be any touch events, nor can I scroll. Did I miss something?

Regards

Lars
Top achievements
Rank 1
 asked on 28 Sep 2023
1 answer
107 views

I'm looking at the examples of virtualization found on https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/virtualization/

There is a problem at the main.jsx file, when you look at the full source you can see that the project was set up using outdated approach that defaults back to React 17 :https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis

Line that is outdated:

ReactDOM.render(<App />, document.querySelector('my-app'));

using the new Client Render API you will see that the scroll is glitching:
https://codesandbox.io/s/kendo-virtualization-problem-d4375s?file=/src/index.js

Hope someone has a simple solution?

Vessy
Telerik team
 answered on 28 Sep 2023
1 answer
138 views

Hi there,

Referring to the Task Board documentation from Custom Rendering - KendoReact (telerik.com) and TaskBoardTaskEditPaneProps - React TaskBoard Component - KendoReact API (telerik.com)

How can I add additional input fields (eg: assignee) to the Task Board Task Edit Pane. Currently on 3 input were allowed (title, description, priority).

Konstantin Dikov
Telerik team
 answered on 28 Sep 2023
1 answer
134 views

I have implemented a grid using OData Server Operations, very similar to this example:
https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/

But now I can't highlight the selected row. Using the process function does not allow for server side paging, filtering or sorting.

I can't use `getSelectedState` as my version of the grid has no exported member.

Is there any other way I can highlight the selected row?

SoH
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 28 Sep 2023
1 answer
146 views
I am trying to use drawer and panelbar but now some hooks are used, Could you provide some example for the Drawer or PanelBar components? please
Vessy
Telerik team
 answered on 27 Sep 2023
1 answer
759 views

Hi,

I wanted to try kendo for out new project, but bumped into an error on the very first step.

Run this :

npx create-kendoreact-app

got this error on mac:

 

Initialized a git repository.

Installing template dependencies using npm...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: ***********.0.1.0
npm ERR! Found: @progress/kendo-svg-icons@1.9.0
npm ERR! node_modules/@progress/kendo-svg-icons
npm ERR!   @progress/kendo-svg-icons@"^1.1.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @progress/kendo-svg-icons@"^2.0.0" from @progress/kendo-react-buttons@5.19.0
npm ERR! node_modules/@progress/kendo-react-buttons
npm ERR!   @progress/kendo-react-buttons@"^5.0.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:

 

Am I missing something?

 

Filip
Telerik team
 answered on 27 Sep 2023
1 answer
103 views
Hello, this is really not a question, but it is actually a bug that I discovered and possibly fixed, so I would like this to be included in the documentation. If you use the paging functionality of Kendo-react-grid component or even go to this page: https://www.telerik.com/kendo-react-ui/components/grid/paging/ and check the first example on the official docs page, you will notice that when you click on the dropdown and select "All" so that you can see all the possible records on the grid in that single page, you won't be able to. The grid will display "No records available". So I faced the same issue when implementing pagination on this project and as soon as I would click on "All" I won't be able to see any records. So I debugged this and found the problematic code.

const pageChange = (event) => {
    const targetEvent = event.syntheticEvent;
    const take =
      targetEvent.value === "All" ? products.length : event.page.take;
    if (targetEvent.value) {
      setPageSizeValue(targetEvent.value);
    }
    setPage({
      ...event.page,
      take,
    });
  };
Here in the second line, where const targetEvent has been initialised with event.syntheticEvent, I changed it to event.targetEvent and this started working for me. I am not sure if it will work for all the people out there or if it is even the best solution, so in the meantime I get an official update from kendo react team, I will call it as a "workaround". I am using Chrome in case it matters. I submitted this as a question because I didn't know how to submit this as a bug to the official kendo team. Hope it helps, thanks!
Wissam
Telerik team
 answered on 27 Sep 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?