Telerik Forums
KendoReact Forum
5 answers
418 views

Hi,

There is no demo of this functionality.

Can it be achieved? Could you give me an example.

I would do it with .NET Core on the server to save the files there.

In a nutshell I would like to have a photo picker where I can insert a photo in the Editor content from photo gallery or upload a new photo there, send it to the server (as with any other upload) and display it with relative local path.

 

Thnx!

Sanja

Stefan
Telerik team
 answered on 09 Apr 2020
4 answers
72 views
Has anyone had any luck using a Kendo React Combobox with Final Form? It is not in the third party integration demo for Final Form unfortunately.
Bill
Top achievements
Rank 1
Veteran
 answered on 07 Apr 2020
2 answers
50 views

hello

i have some questions about kendo react grid 

1-how to hide some columns 

2-how to auto adjust width columns to content size

3-dynamically refresh kendo grid data

4-dynamically 

thanks...

 

Stefan
Telerik team
 answered on 06 Apr 2020
6 answers
194 views

Hi,

I'm currently building a form which includes some basic text inputs and a RTF editor. I use the KendoReact Editor to offer the cool control with nice copy and paste and formatting options.

I understand from your documentation that this control does not support Html5 form validation. In particular, I need to make this rte field required. As the rest of the form follows the html5 form validation (with all the nice UI hints if you try to submit) I'm looking for a way to accomplish the same with the Editor control. Has anyone accomplished this before?

Stefan
Telerik team
 answered on 06 Apr 2020
3 answers
62 views

Hi,

I want to use filter from datatools but I see no option for formating NumericFilter and DateFilter or adding other props like min/max to filters.Is it not possible to customize filters? https://www.telerik.com/kendo-react-ui/components/datatools/filter/

Stefan
Telerik team
 answered on 03 Apr 2020
4 answers
80 views

Hi, 

I am working with spreadsheet wrapper component with React.

In my scenario, I want to bind some user data, something like { a : 1234 } to a specific cell or a row or a column, is it possible? Even if I can just bind a string instead of an object that will be okay. Also, I want to bind that data but don't want to show it to users, it should just be accessible through the code.

I tried looking into the API references but not able to find anything like that.

If it is possible, can I get a small example for it?

 

Thank you. 

Dhruven
Top achievements
Rank 1
Veteran
 answered on 02 Apr 2020
2 answers
94 views

Hello,

I am trying to implement a Fade component on to my Window Dialog component as well as make it so when the user clicks outside of the Window it closes it. Kind of like other UI Modals.

      <span className="k-icon k-i-zoom" onClick={toggleWindow}></span>

      <Fade>
      {visible &&
        <Window
          modal={true}
          onClose={toggleWindow}
          initialHeight={420} 
          initialWidth={700}
          initialLeft={300}
          initialTop={130}
        >
          {props.flag === 'bond' && 
          <Input
            name={'Search Bond'}
            label={'Search Bond'}
            onChange={searchChanged}
            className="bond-input"
          />}
          <Grid
            className="bond-grid"
            reorderable
            sortable
            data={bonds}
            rowRender={rowRender}
          >
            <GridColumn field="cusip" title="Cusip" width="98px" headerClassName="bond-header" />
            <GridColumn field="issuer_short_name" title="Name" width="200px" headerClassName="bond-header" />
            <GridColumn field="maturity" title="Maturity" width="100px" headerClassName="bond-header" />
            <GridColumn field="coupon" title="Coupon" width="80px" text="align-right" headerClassName="bond-header" />
            <GridColumn field="bbg_ticker" title="BBG Ticker" width="150px" headerClassName="bond-header" />
          </Grid>
        </Window>}

 

Stefan
Telerik team
 answered on 31 Mar 2020
5 answers
137 views

I found a bug with the themes in the Kendo picker components that is breaking the styles of the clear button like so:

It causes the clear `x` to render on top of the dropdown button rather than spaced to the left.

The issue is caused by Chrome not liking a css `calc` function where `+ 0` is used. Removing the + 0 fixes is.

 

This is caused because of this line:

@progress\kendo-theme-default\scss\_variables.scss:439  - `$picker-icon-offset: calc( #{$picker-select-calc-size} + #{$picker-select-border-width}  + #{$input-icon-offset}) !default;`

but on this line:

@progress\kendo-theme-default\scss\_variables.scss:424 - `$picker-select-border-width: 0 !default;`

You can see $picker-select-border-width is set to 0, which when injected in line 439 adds the +0 which the css calc method dislikes. (there is also an extra space after that factor on line 439).

 

 

Martin Bechev
Telerik team
 answered on 26 Mar 2020
1 answer
205 views

Hello,

 

In Kendo UI for jQuery document, there is a section for WebSocket binding.

However, I couldn't find the WebSocket binding example in KendoReact document.

Can you tell me where it is?

 

regards,

 

Stefan
Telerik team
 answered on 26 Mar 2020
1 answer
671 views
how to load data dynamically in kendo react grid component?(for example in useEffect() function) thanks
Stefan
Telerik team
 answered on 25 Mar 2020
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?