Questions on KendoReact Forum

5 answers

295 views

In our React application, we use react-advanced-form to develop forms. It's handy for quickly composing a form with validation. I am using the KendoReact Grid with inline editing. I couldn't find much documentation on GridRow or templating for it. Is there a way for me to wrap a row that is in edit mode in my own (or a third party's) <Form /> component?

General Discussions

answered on 14 Feb 2019

3 answers

148 views

Kendo - Tooltip

Hi,

I am using Kendo tooltip and below is the scenario

I have button with tooltip applied. When button is in disabled state it is showing browser tooltip instead of Kendo. When button got enabled it is working as per expectation.

Below is the screenshot for same.

1) Screenshot 1 - Browser Tooltip

2) Screenshot 2- Kendo Tooltip

Is there any way to resolve this issue? It should show kendo tooltip whether button is enabled or disabled.

Regards,

Parag

General Discussions

answered on 11 Feb 2019

1 answer

644 views

How to replace Grid Column Menu with Filter

Hi, is there anyway to replace the Gird Column Menu directly with the filter component. Instead of having the three dots, replace it with a filter icon that can open up the filter panel. Picture attached.

General Discussions

answered on 08 Feb 2019

1 answer

101 views

TimePicker null value bug

Hi guys,

I have a strange behavior of this control. When the value is null and when I use the Now button, the date part is wrong.

Steps:
1. Set value to null
2. Press the Now button .
3. Date 1.1.1980 (wrong date)

This only happens when the value is null and when I press the Now button. In all other situations we get what we expect.
We use null value because we want "hour:minute AM" instead of 12:00 AM. Also we don't want to use react wrappers, but native react components.

code:
https://stackblitz.com/edit/kendo-time-picker-bug?file=main.js

General Discussions

answered on 08 Feb 2019

2 answers

711 views

Saving PDF to server

Hi,

I am exporting a PDF using @progress/kendo-drawing in Client side(React js)

I have a requirement to save the same file in server(Node js).

Could you please let me know how to export the same PDF to server

Wrappers for React

answered on 07 Feb 2019

3 answers

212 views

Is there a way to have columns auto resize when double clicking the headers in the React Grid?

Is there a way to have columns auto resize when double clicking the headers in the React Grid?

The wrapper grid supported this.

-Ryan

General Discussions

answered on 07 Feb 2019

5 answers

240 views

Kendo React PanelBar Warning and Drawing Error

When using a Kendo React PanelBar in expandMode="single" I am getting the following warning, plus a drawing error:

Warning: Failed prop type: PanelBar child should be either PanelBarItem or Array of PanelBarItem.
in PanelBar (created by _temp)

I am rendering the control as seen in this HTML snippet:

return (

<PanelBar className="filter-bar" expandMode="single">

<PanelBarItem title={this.state.filterTitle} expanded={this.state.expanded} onSelect={this.handlePanelBarSelect}>

<form id="filterForm" className="filter-form" onSubmit={this.handleSubmit}>

<div className="form-row">

<div className="col">

<div className="form-group">

<label>Company:</label>

<DropDownList

className="form-control"

data={this.state.companies}

textField="text"

dataItemKey="id"

onChange={this.handleCompanyChange}

defaultItem={defaultItemCompany}

value={this.state.company}

/>

</div>

<div className="col">

<div className="form-group">

<label>Site:</label>

<DropDownList

className="form-control"

data={this.state.sites}

textField="text"

dataItemKey="id"

onChange={this.handleSiteChange}

defaultItem={defaultItemSite}

value={this.state.site}

/>

</div>

<div className="col">

<div className="form-group">

<label>Functional Location:</label>

<DropDownList

className="form-control"

data={this.state.functionalLocations}

textField="text"

dataItemKey="id"

onChange={this.handleFuncLocChange}

defaultItem={defaultItemFunctionalLocation}

value={this.state.functionalLocation}

/>

</div>

<div className="col">

<button title="Filter" ref="filterBtn" className="k-button k-primary" onClick={this.handleFilter}

disabled={this.state.filterBtnDisabled}>

{t('filter')}

</button>

</div>

</form>

</PanelBarItem>

</PanelBar>

);

Furthermore the downarrow/uparrow icon is drawn in the middle of a grid that follows this control on the page (see attached screenshot).

Attached is the generated code from the browser in a screenshot

General Discussions

answered on 06 Feb 2019

1 answer

101 views

Multiselect. Part of string is hidden.

Step to reproduce:

1. Visit https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/

2. Type in multiselect input "WWWWWWW" in upper case

Expected result: "WWWWWWW" is visible
Actual result: Part of string is hidden.

Wrappers for React

answered on 05 Feb 2019

1 answer

125 views

DatePicker - Locale

Hi,

I am trying to implement the locale in a such a way that, as per country the date format should change. I referred below example which is available on kendo website

https://www.telerik.com/kendo-react-ui/components/dateinputs/globalization/

I change the locale type but it is not changing the date format.

For example : I want to implement something like when I am using my system in US network it should by default display mm/dd/yyyy format and If I am in Great Britan then it should display dd/mm/yyyy

Regards,

Parag

General Discussions