Trying to create a form with preview of what should be exported as pdf. Great tools, but I have an issue:
Adding the special characters "åäö" will render fine i the react component <Preview /> but not show in the pdf. I think they are replaced with whitespaces as of now. This code is part of the React component:
<PDFExport
paperSize={"a4"}
fileName="sample.pdf"
title=""
subject=""
keywords=""
ref={r => (toBeExportedAsPdf = r)}
>
<Preview
props={this.state.someString}
/>
</PDFExport>
Is there a fix for this avaliable? Thanks!
Let's say a user is looking at page 2 after applying a filter on one of the columns.
Please refer to Capture.jpg.
Now, if the user changes filtering text, I want the grid to display page 1, instead of staying on page 2.
How can I achieve this?
Thank you.

Does your React components support creating cross platform desktop apps, example: https://github.com/electron-userland/electron-builder
Using Electron Builder?



Hi All,
In my Kendo React Application i am trying to do edit one form.
In Application i am listing data in kendo grid. when i click edit button in row opening new window with data in form.
But here i am not able to enter values or change values in text boxes. How can i solve this issue
Below i am giving my code
<Dialog title={"Edit Module"} width={700} onClose={this.Reassign}>
<form className="k-form" onSubmit={(e)=> e.preventDefault()}>
<div className="row">
<div className="col-md-6">
<div className="form-group">
<input type="hidden" id="hdnId" value={this.state.reaAssignData.ID} />
<label className="strong" htmlFor="usr">Code*</label>
<input type="text" placeholder="Code" className="form-new-control" id="txtModuleCode" value={this.state.reaAssignData.code} />
</div>
<div className="form-group">
<label className="strong" htmlFor="usr">Module Name*</label>
<input type="text" placeholder="Name" className="form-new-control" id="txtModuleName" value={this.state.reaAssignData.name} />
</div>
</div>
</div>
<div className="btn-right">
<button className="btn btn-success mr-10" onClick={this.Update.bind(this)}>
<span>
<i className="fa fa-dot-circle-o"></i>
Update Module
</span>
</button>
<button className="btn btn-secondary" onClick={this.Reassign}>Cancel</button>
</div>
</form>
</Dialog>


Hi,
Please suggest a way to disable the increase/decrease in numbers inside a numeric textbox on the Grid at the column level filter using up/down arrows or up/down scrollbar.
Regards,
Vinod

Hi All,
In my Kendo React application i am populating Grid. When click Edit , i am loading respective row data in one dialog window. i am using Axios to Get and Post data in API. i am written my Get code to load grid in componentDidMount() method and for update i written one custom function and calling button onClick Event.
But here my problem is when i click on Update button its going through my custom Update function but its not hitting my post API. and its hitting on get api which used in
componentDidMount() method. Because of this i am not able to save data in database. How can i overcome this situation?
Hi!
Could someone provide a working example to get started on how to use Gantt wrapper with React as Telerik's documentation doesn't provide any ?
Thanks in advance,
Arnaud.