Telerik Forums
KendoReact Forum
11 answers
242 views

GridColumn didn't work correctly. I can't use them when I insert it inside Grid.

I see that GridColumn is function

var GridColumn = function (props) { return null; };
GridColumn.displayName = 'GridColumn';

In Grid component you try to compare child component with this 'component'

var columns = React.Children
           .toArray(children)
           .filter(function (child) { return child && child.type === GridColumn_1.default; })
           .map(function (child) { return Object.assign({}, child.props); });

So, after filter there zero items, because we try to compare 2 functions.

Could you fix it, please? 

Stefan
Telerik team
 answered on 20 Oct 2020
26 answers
920 views
how to resize in  , i have used innerHeight and innerWidth it worked but i couldn't get toolbar in full size and also grid lines
Stefan
Telerik team
 answered on 15 Oct 2020
10 answers
181 views

'kendo' is not defined no-undef

Hello I encounter this error when using the pivot grid using the sample code below

import React from 'react';
import ReactDOM from 'react-dom';
import $ from 'jquery';
import '@progress/kendo-ui';
import { PivotGrid, PivotGridConfigurator } from '@progress/kendo-pivotgrid-react-wrapper';
class PivotGridContainer extends React.Component {
  constructor(props) {
    super(props);
    this.dataSource = new kendo.data.PivotDataSource({
      type: "xmla",
      columns: [{ name: "[Date].[Calendar]", expand: true }, { name: "[Product].[Category]" }],
      rows: [{ name: "[Geography].[City]" }],
      measures: ["[Measures].[Reseller Freight Cost]"],
      transport: {
        connection: {
          catalog: "Adventure Works DW 2008R2",
          cube: "Adventure Works"
        },
        read: "https://demos.telerik.com/olap/msmdpump.dll"
      },
      schema: {
        type: "xmla"
      },
      error: function (e) {
        alert("error: " + kendo.stringify(e.errors[0]));
      }
    });
  }
  render() {
    return (
      <div>
        <PivotGridConfigurator dataSource={this.dataSource}
          filterable={true}
          sortable={true}
          height={300}>
        </PivotGridConfigurator>
        <PivotGrid dataSource={this.dataSource}
          filterable={true}
          sortable={true}
          height={550}
          columnWidth={200}>
        </PivotGrid>
      </div>
    );
  }
}
ReactDOM.render(<PivotGridContainer />, document.querySelector('my-app'));

Stefan
Telerik team
 answered on 22 Sep 2020
10 answers
124 views

hi

how to Using kendo components in the kendo window component

When I use the following code, it does not show information to me

const plantList = [{ text: "Small", id: 1 },{ text: "Medium", id: 2 },{ text: "Large", id: 3 }];
<Window
          title="Formula"
          onClose={handleReturn}
          initialHeight={400}
          resizable={false}
          maximizeButton={() => null}
        >
          <ComboBox
                data={plantList}
                textField="text"
                filterable={true}
                onFilterChange={filterChange}
            />
           
         </Window>
Mohammad
Top achievements
Rank 1
Veteran
 answered on 15 Sep 2020
4 answers
381 views

I would want to have a column menu with the filter opening at 1 click, instead of first opening the column menu, and the opening the filter box.

An extra plus would be to have an actual filter icon instead of the default 3 dots. See the attached images for more info about what I want to achieve.

What do I need to do?

Stefan
Telerik team
 answered on 07 Sep 2020
2 answers
773 views

How can I run an onclick event on the kendo chart?

I want to display the information in this diagram in a larger modal when I click

Thank you for your help

Stefan
Telerik team
 answered on 01 Sep 2020
2 answers
26 views

hello

is exist any example for update cell of Spreadsheets in kendo ui?

thanks

Mohammad
Top achievements
Rank 1
Veteran
 answered on 01 Sep 2020
1 answer
38 views

While using the Kendo react editor, if I use a font family and jump to next line, the font changes. 

How can I keep the selected font consistent while I'm using the editor. 

 

 

Stefan
Telerik team
 answered on 28 Aug 2020
1 answer
53 views

Hi All

New to react in general but I have a grid up and running with a footer using a function to perform a simple sum (as per the below)

 

This is all working fine on data load, but if I update any values and even update the state it does not seem to trigger an update to the cell totals in the footer. would there be anything that I could be missing here or have to call?

const CellTotals = (props) => {
  const sum = products.reduce(
    (acc, current) => add(acc, current[props.field]),
    0
  );
  return (
    <td colSpan={props.colSpan} style={props.style}>
      {formatMoney(sum)}
    </td>
  );
};
Vladimir Iliev
Telerik team
 answered on 20 Jul 2020
5 answers
268 views

Hi,

I am working with kendo ui spreadsheet and I am trying attach a function to a cell, where I click on a link and it can take me to my mail client and open up the compose email window, where all the values of From, Subject, and, Body will be pulled in from other cells.

I can do this in the excel using =HYPERLINK(“mailto:” & B4 & “?subject=“& B5 & “&body=“ & B6, ”Send Email”) formula but I am not able to do the same thing into the kendo ui spreadsheet component using the same formula (Although I can see that the "HYPERLINK" formula is supported by kendo ui spreadsheet in the documentation).

Is there something that I am doing wrong or it's an actual issue? If there is a functionality available in the kendo ui spreadsheet, can you provide me an example for how I can do it through UI and through the code as well.

 

Thank you.

Stefan
Telerik team
 answered on 14 Jul 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?