Telerik Forums
KendoReact Forum
1 answer
1.9K+ views

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;'
            }
        })

Stefan
Telerik team
 answered on 14 Oct 2019
4 answers
73 views

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?

Lara Marie
Top achievements
Rank 1
 answered on 09 Oct 2019
2 answers
392 views
It appears the Window class in the kendo-react-dialogs doesn't have a className property to augment the internal CSS classes with custom ones. Is there a way to do this that I'm missing, or is there a suggested workaround?
Jason
Top achievements
Rank 1
 answered on 08 Oct 2019
2 answers
1.3K+ views

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!

Simon
Top achievements
Rank 1
 answered on 08 Oct 2019
1 answer
86 views

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.

 

 

 

 

Stefan
Telerik team
 answered on 08 Oct 2019
1 answer
95 views

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

Using Electron Builder?

Stefan
Telerik team
 answered on 08 Oct 2019
2 answers
48 views
Is it possible to connect to a Google Sheet JSON to use in KendoReact Data Grid?  If so, are there any tutorials or examples?
Stefan
Telerik team
 answered on 08 Oct 2019
2 answers
58 views
The DropDownList does not do anything but "Selected category ID:" index number change.  Is it possible to use the DropDownList to select a Data Grid Table?  If so, are there any tutorial examples to follow to learn how?
Stefan
Telerik team
 answered on 08 Oct 2019
3 answers
782 views

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> &nbsp;
                                        Update Module
                                </span>
                                </button>
                                <button className="btn btn-secondary" onClick={this.Reassign}>Cancel</button>
                            </div>
                        </form>
                    </Dialog>

Stefan
Telerik team
 answered on 08 Oct 2019
1 answer
275 views
I have a stacked bar chart with multiple series, and I need to display custom tooltips for each point.  The tooltip is not the numeric value itself, but a custom string value.  I tried using ChartSeriesItemTooltip, but it seems it only returns the numeric value.  How can i make it return the index of the point?  That way i  would be able to look up and display the required tooltip from an array of strings.
Stefan
Telerik team
 answered on 08 Oct 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?