Questions on KendoReact Forum

1 answer

113 views

Grid date placeholder doesn't disappears on Tab change

Hi,

I have a scenario where I do not want to show the placeholder in the date filter of UI Grid until the user clicks it. I achieved that using the example given here Kenod Grid - StackBlitz. With this implementation, I'm getting an issue where the filter placeholder doesn't disappear when a browser tab is changed. It only disappears when the area is focused and then clicked outside. This is continuously visible on chromium-based browsers react-bh72m1-a3qerg.stackblitz.io.

DatePicker

Grid

answered on 17 Oct 2023

1 answer

118 views

[Solved] Grid virtual scroll problem with detail row

Hi,

Grid seems have problem dealing with virtual scroll and detail row at the same time. From the official documentation https://www.telerik.com/kendo-react-ui/components/grid/scroll-modes/virtual/, in its example, if I added following props to <Grid> and try to scroll, the page will get stuck because it is trying to render too many rows:

https://codesandbox.io/s/5r9frx?file=/app/main.jsx

expandField={"expanded"} detail={() => <div>test</div>}

Note that, if remove expandField property, it will work.

Thanks,

Jie

Grid

answered on 16 Oct 2023

1 answer

134 views

[Solved] Custom pager info

I want to customize the Pager, but from what I can see I will have to build the whole pager. I only wan to update the Pager info from "1 - 50 of 55 items" to just "55 items".

Is that posslbe?

Grid

Pager

updated answer on 16 Oct 2023

2 answers

171 views

Dynamic Tabs

I would like to put some tabs into my <TabStrip> dynamically. Please refer to the attached graphic, lines 45-49 don't seem to be giving me output to the DOM.

TabStrip

answered on 16 Oct 2023

0 answers

184 views

How do I use an svgIcon as a DrawerItemProp?

I have imported the dollarIcon,

import { dollarIcon } from "@progress/kendo-svg-icons";

Here is the item for the DrawerItemProp

{
  "data-expanded"]: false,      
  id: 600,
  svgIcon: dollarIcon,
  text: "Invoices",
},

The icon does not display. What am I doing wrong?

Drawer

FontIcon

asked on 13 Oct 2023

1 answer

116 views

[Solved] Server Side Pagination not exporting the updated grid data

Initial Data is exporting but after changing the page, the updated grid data not exporting.

It's returning the same old data or blank.

Is it the expected behaviour?

Reference - https://stackblitz.com/edit/react-ajxmvq-gltk6x?file=app%2Fmain.jsx

Grid

answered on 13 Oct 2023

1 answer

178 views

[Solved] Server Side Pagination triggering two server calls

ProductLoader holds the server-side data, every page loads and based on filter change the call is triggered two times.
It works this way in my app as well as the pagination demo.

Is this something that is implemented the same at the moment?

https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/

stackblitz - https://stackblitz.com/run/?file=app%2Fmain.jsx

Grid

answered on 13 Oct 2023

1 answer

120 views

Editor @ to add user

Is there a way to tag a user in the editor similar to there is in azure devOps?

something like this:

PM 10/10/2023 : @Shane S Calhoun the fix worked

Editor

answered on 12 Oct 2023

1 answer

253 views

Kendo React - External filter - Search text inside the filter label fields

Greetings,

Is it possible to implement a search text functionality inside the filter label fields from the external filter?

The user can easily search and select the label text when the table contains a lot of columns.

I have attached an image for the example. Thanks!

Jason

Filter

Grid

answered on 12 Oct 2023

1 answer

166 views

Is it possible to prevent the dropdown to open in the ComboBox?

I have a ComboBox, and when the user opens it, I first want to execute some code that takes a while. Only when that code is completed, I want to open the dropdown. Is this possible?

ComboBox

answered on 11 Oct 2023