I have RGB value using that i want to background color of cell or text in particular cell. How can i achieve that?

Regards,

Mukesh 

I have gird with check boxes, i want to inject count of selected record on grid pager where i am getting all page related info.

How can i achieve that.

Regards

Mukesh 

     Hi,

Can we have custom header checkbox for grid with multiple option like in gamil. Screen shot attached for reference

We want to have a checkbox with drop down having couple of option like page select (which will select record on page) and grid select which will select all records across all pages.

Can we achieve this in kendo react grid.

We are having problems getting it to work correctly.  Just sort a column in our sample and you will see that scrolling stops working.

https://stackblitz.com/edit/react-a9uvzy

Hi,

Is it possible to use a button instead of 'TextBox' to open Multiselect list so that it could give a feel of Popup multiselect ?

Regards,

Vinod 

Hi,

I am launching a Popup from a button placed inside a ToolBar. Style on the Popup content like any control's height, width, Border are being overridden by that of ToolBar style. 

If I launch the same Popup from outside of Toolbar, style on the Popup loads fine. Please let me know how to overcome this issue.

Regards,

Vinod

Hello,

I've got appointed to look for a chart component to be used in our upcoming web project. As i have used your components in the past and been satisfied, i was going to test how the react components work.

I've followed instructions and got the chart working otherwise but it shows only in black outline. Am i missing something here?

Example code.

import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { actionCreators } from '../../store/Agent/AgentGraph';
import 'hammerjs';
import {
    Chart,
    ChartSeries,
    ChartSeriesItem,
    ChartCategoryAxis,
    ChartCategoryAxisItem,
    ChartTitle,
    ChartLegend
} from '@progress/kendo-react-charts';


const categories = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
const series = [{
    name: 'India',
    data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855]
}, {
    name: 'Russian Federation',
    data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3]
}, {
    name: 'Germany',
    data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995]
}, {
    name: 'World',
    data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727]
}];

class ChartContainer extends React.Component {

    render() {
        const hasData = this.props.agentgraph;
        let valval = 0;
        if (hasData.length > 0) {
            valval = hasData[0].acdCalls;
        }
        return (
            <div>
                <h1>AgentGraph</h1>
                <button className="btn btn-primary" onClick={this.props.fetchData}>Increment</button>
                <p>Current count: <strong>{valval}</strong></p>

                <Chart>
                    <ChartTitle text="Gross domestic product growth GDP annual" />
                    <ChartLegend position="top" orientation="horizontal" />
                    <ChartCategoryAxis>
                        <ChartCategoryAxisItem categories={categories} startAngle={45} />
                    </ChartCategoryAxis>
                    <ChartSeries>
                        {series.map((item, idx) => (
                            <ChartSeriesItem
                                key={idx}
                                type="column"
                                data={item.data}
                                name={item.name}
                            />))}
                    </ChartSeries>
                </Chart>
            </div>
        );
    };
};

export default connect(
    state => state.agentgraph,
  dispatch => bindActionCreators(actionCreators, dispatch)
)(ChartContainer);

See attached image.  We have an editor control that is displayed to the right of other information (so not centered on the screen).  When the hyperlink dialog is shown, the text-fields for configuration look like they are centered relative to the editor and not the dialog--which is centered on the page.  So the user cannot see the fields to enter information.

Any suggestions?

We are using the PDFExport component to generate a PDF version of our report, which consists of 128 components with a mixture of HTML tables and chartjs outputs. On chrome the report generates, however it takes around 1 minute due to the sheer number of components we have. The final page size is 59 pages and is just under 1MB in size

When we try and use the same logic inside IE11,the report never downloads and we can see the CPU go up to 100%. Are there any options we can use with the PDFExport component to try and increase the performance?