While fetching api data using axios get method, it returns an error showing statuscode 415(Unsupported Media Type).I'm getting the expected result in postman.
In this axios request i'm passing headers aswell as body. I dont know why this error happens.
The code somewhat looks like this.
axios
.get(URL,{
username:"Binu",
headers:{
'Content-Type': 'application/json;'
}
})
I am trying to customize a few things in the Date Range Picker component namely the font, highlight colour, box shadow, etc.
I was trying to do this by customizing a theme and following the steps at https://www.telerik.com/kendo-react-ui/components/styling/theme-builder/. I copied the downloaded all.css file into the project and imported it in the .js file which we are defining the DateRangePicker component. However, I don't seem to see any differences being applied to the styling (specifically, the colours remained the same). Moreover, if I manually edit the css file in VS are the changes applied to the styling?
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>