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?

Hello,

I have a grid on an oData datasource with pageable on. Using ExcelExport only gives the first page of the paged data. Is there an option like "allPages" in the jQuery version of the grid?

I have a panel bar and grid in same page. I want to calculate available width/ space on the screen and assign the same width to the grid. So that grid will have same width. It will not grow beyond that. It there any way to do that.

Regards,

Mukesh 

Hello,

Is there any possibility to add image editor to kendo upload component?

I was able to create custom listitem that has image editor inside, however I'm not able to make use of it while uploading file to the server. Is there any way to modify UploadFileInfo object and content of the file or at least to send request with custom body? In documentation it is mentioned only beforeUpload event.

In kendoUI for Jquery there is upload event: https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/events/upload

Is there anything like that in Kendo React?

Regards

Hi,

I am setting SVG imageUrl using a recursion call for all the items on PanelBar for Parent as well as Children. When I refresh the page, the SVGs don't load. When I hover over it, they loads ( Only SVG issue, Item labels load correctly ). 

Please note that I don't bind individual items on PanelBar using PanelBarItems. I read the data from json and set them to PanelBar in one go using 

children={panelBarItems}

where panelBarItems are read from json object. Json object does not have imageUrl so I map that object to have the imageUrl. How to resolve this issue ?

Regards,

Vinod