Questions on KendoReact Forum

2 answers

232 views

Hi,

Could you show a way to tooltip on the hover of the Icon. I would like to show the tooltip for item labels as well as item Icon. Please use the following example to show the tooltip.

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

Thanks,

Vinod

General Discussions

answered on 13 Sep 2019

1 answer

502 views

close notification after 5 seconds

Is this a good way to go about if you want to close notification after 5 seconds? in my case removeAfterSetDurationis not getting called.

function handleClose() {

setGlobalData((state: any) => ({ ...state, message: "" }));

}

function removeAfterSetDuration() {

setTimeout(() => {

setGlobalData((state: any) => ({ ...state, message: "" }));

}, 5000);

}

<Fade enter={true} exit={true} onEntered={removeAfterSetDuration}>

<Notification

type={{ style: 'warning', icon: false }}

closable={true}

onClose={handleClose}

>

<span>{props.message}</span>

</Notification>

</Fade>

General Discussions

answered on 13 Sep 2019

5 answers

444 views

Align ToolbarItems to the right of the toolbar

Hi,

How to align ToolbarItems to the right of the toolbar ? I have created an example below that could be used for reference..

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

Regards,

Vinod

General Discussions

answered on 12 Sep 2019

11 answers

617 views

Complex filtering in GridFilterCell

Is there any way to implement more complex filtering with a customer GridFilterCell (https://www.telerik.com/kendo-react-ui/components/grid/api/GridFilterCell/) component?

Currently it fires an OnChange event to the column but can only pass one operation and value to the column, which I presume then translates that to a FilterDescriptor. But is there a way (or a plan on the roadmap) to just pass a FilterDescriptor instead, so one could create a custom FilterCell that returns rules of the type "this value OR this value".

The FilterDescriptor objects are quite flexible and powerful, but the GridFilterCell has no way to tap into that flexibility that I can currently see.

Examples would be things like making a GridFilterCell with a Toggle between MondayWednesdayFriday and TuesdayThursday for a field showing day of the week, or other different groups of values in an enum column. But currently You can only pass a single operation of Equals or Contains or Greater than, so you could pick an individual weekday, but not something more complicated like a "Hide Weekends" button.

General Discussions

answered on 12 Sep 2019

1 answer

225 views

MultiLevel Column

Hi, is there a way to achieve a Grid line the below link?

https://www.w3.org/WAI/tutorials/tables/multi-level/

I know we have a similar case, https://www.telerik.com/kendo-react-ui/components/grid/columns/headers/ but I am more interested in achieving the multi-level headers.

Please advice.

General Discussions

answered on 10 Sep 2019

1 answer

66 views

Grid toODataString method is encoding special characters

Grid toODataString method is encoding special character. I don't want grid to do that that encoding; In fact i want my api to take encoding responsibility.

Can i stop grid to encode special characters. Is there any configuration for that.

General Discussions

answered on 10 Sep 2019

3 answers

1.2K+ views

Clearing a DropDown value

I've noticed what I think is a bug with the dropdown. If you bind a dropdown to a value (controlled in component state), you can have the value be undefined to start, and you get a dropdown with no selection. However, if you then manually select one of the entries, and programmatically set the value back to undefined, it does NOT clear the selection, even though the value (correctly) is undefined.

Is there some trick to this? For comparison, I used a vanilla textbox and the value does correctly clear, so I am pretty sure this is a Kendo issue.

General Discussions

answered on 09 Sep 2019

1 answer

2.7K+ views

How to clear selected item from dropdown

I want to clear selection of dropdown. i don't want to set default item. I just want to clear the selection.

General Discussions

answered on 09 Sep 2019

2 answers

81 views

DropdownList disabled issue when inside label

Hello,

I'd like to ask about following situation: I have a dropdownlist with disabled property set to true. However, when i put dropdownlist inside a <label> element it can be opened.

https://stackblitz.com/edit/react-grc43y

General Discussions

answered on 05 Sep 2019

3 answers

111 views

Grid HOC usage

Hi,

I was checking your HOC withState grid and can you give an example when this approach could be used? https://www.telerik.com/kendo-react-ui/components/grid/data-operations/local-operations/

Because it is possible to achieve the same behavior without the HOC like this https://stackblitz.com/edit/react-sn578k and I am just interested if there is any reason do it with HOC.

General Discussions