Hi,

We are using the Kendo grid with Angular 6 in our project. We are using grid features like Inline editing, Lock, Sorting(server-side), Filtering(server-side), Paging(server-side), Keyboard Navigation etc.
Grid responds very slow when the number of columns is more. When we have 50 to 60 columns. Single Click navigation, Keyboard navigation, Row editing etc. are taking 3 to 4 seconds delay. 

I have tested after reducing the number of columns to10 to 15. then it works fine.

Could you please help us in resolving the same. 

I presume the component is handling the increment of the input value when the mouse wheel is turned. 

Is there a way to stop the incrementation or a way to override the handler for this event?

Hello  all , 

We are working on grid component with detail temlate as shown on this exemple.

https://stackblitz.com/edit/angular-3evzvg?file=app/app.component.ts

The issue is that the client is telling us that it looks like a table in table and we did not find how to edit style in detail template.

Is it possible ?  We need to apply style only on the detail template so could you provide us an exmple of stylish grid with detail template please ? 

Thanks in advance.

Regards

Hi,

We need to use a dropdown inside a cell template on a data grid. I can get the thing to render but am encountering issues.

1. If we use a static list of "dropdownbutton" items for the "data" I can't identify for which row the menu was clicked. They're all the same.
2. If I build a dynamic list, the "click" event fails to fire for some reason.

What I would really prefer is the ability to add sub components in the template markup so that they are rendered inside the template without the "data" binding.

Can we achieve this ?

<kendo-dropdownbutton [primary]="true">
    <kendo-dropdownbuttonitem [text]="'My Option A'" (click)="cmdSelectMyOptionA(dataItem)" />
    <kendo-dropdownbuttonitem [text]="'My Option B'" (click)="cmdSelectMyOptionB(dataItem)" />
</kendo-dropdownbutton>

If not, what is your suggestion for a "per-row" rendering of the dropdown but with dataItem context fro the row present in the click event.

Your controls are great, but when we encounter a problem its usually an annoying as hell one !

Hi there,

I've just noticed that the events from the scheduler are now an hour out.  This seems to be due to the time changes in the UK due to BST.  For example, if I create and save an event for 08:00 - 08:30 the event data on inspection shows:

start: Fri Apr 03 2020 08:00:00 GMT+0100 (British Summer Time) {}
startTimezone: null
end: Fri Apr 03 2020 08:30:00 GMT+0100 (British Summer Time) {}
endTimezone: null
isAllDay: false

Due to the GMT+0100 the event is actually getting displayed on the scheduler in the 07:30 - 08:00 slot.  How should I configure the Scheduler to deal with these time differences?  I've tried implementing a fixed timezone for GMT but this doesn't work e.g. import '@progress/kendo-date-math/tz/Europe/London';

Regards

Myles

Is there a way to make the drawer

- auto expand/toggle when mouse over mini mode

- auto close/toggle when mouse out in mini mode

Hi,

I couldn't find anything related to this so thought I'd just drop a question in here. I'm currently working with the editor and I need to override the template for the items in the popup when the toolbar button is clicked; default only allows you to pass text and/or icon.

I'm aware you can do this with regular kendo drop down lists by using ng-template within the component selectors in html, however after playing around with this I am unable to replicate that behaviour using the toolbar-dropdownbutton.

Have I missed something in the docs that explains a strategy for doing this, or is it the case that I would need to implement a custom toolbar control to be able to have this functionality?

any help would be appreciated.

Thanks

I have a chart, where i need to present data within a certain range.

I have used the max property, to set the top ceiling of the chart.

My issue is, that i want to visualize the points that exceeds the the max limit, as points on the very top of the chart, but with max they are just not rendered (or outside the chart).

I have been able to render them at the top of the chart, by mutating the data before feeding it to the chart, but my tooltips now obviously show the mutated value, instead of the original.

Because that tooltips only can accept simple data types, i am not able to provide them with a "display-value" and "real-value".

Im running out of ideas, do any of yo, with more experience with kendo, have an idea of how i can achieve this?

Here is some code, im happy to provide more detail if needed:

<kendo-chart class="septoriaChart" [transitions]="false" [categoryAxis]="categoryAxis" [valueAxis]="valueAxis" (render)="onRender($event)"
(legendItemClick)="$event.preventDefault()" (legendItemHover)="$event.preventDefault()">
<kendo-chart-tooltip *ngFor="let data of observed">
<ng-template kendoChartSeriesTooltipTemplate let-value="value" let-category="category" >
{{category | dateFormat}}
<br /> {{data.accumulatedWetHours}} {{'common.unitType.hours' | translate }}
</ng-template>
</kendo-chart-tooltip>
<kendo-chart-legend position="bottom" orientation="horizontal" [item]="{ visual: legendItemVisual }"></kendo-chart-legend>
<kendo-chart-series>
<kendo-chart-series-item type="line" color="#4E808D" name="{{'septoriaChart.observed' | translate}}" [markers]="seriesMarkers"
[data]="observedWithCeiling" field="accumulatedWetHours" categoryField="dateDay">
</kendo-chart-series-item>
<kendo-chart-series-item type="line" color="#4E808D" name="{{'septoriaChart.forecast' | translate}}" [markers]="seriesMarkers"
[data]="forecast" field="accumulatedWetHours" categoryField="dateDay" dashType="dash">
</kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart>

We've got a column within a table which displays multiple rows within a row.I'm trying to find out if you're "selectable" option on Grid will work with next rows at all.

Check the stackblitz out :https://stackblitz.com/edit/angular-ajpix8-pe9eyr

There's a few questions I have here;

1. Is there anyway of rendering the inputs automatically using your plugin rather than using the ngFor loop that I've put in to achieve this?
2. When the kendoGridSelectAllCheckbox is selected is there anything the API that can activately select all the inputs that have been rendered or will this have to be done with some custom work attached to some type of change listener?!
3. Is there a better way to handle nested rows than this way?!

Thanks, look forward to hearing from you.

Hi everyone,

I have a doubt related to kendo-grid need to help. I'm using Multi-Column Headers to group columns and now I want to add the button in header. How can we add it? (See attached)

Thank you so much, guys.