Bharat
Posted on: 32 minutes ago

I have implemented kendo-tabstrip and it has different templates for KendoTabContent.
So I want to focus(Cursor) control in each template when each tab is clicked. But not able to access controls in KendoTabContent template and its controls when the tab is clicked. I want to focus controls like input and kendo-multiselect
So on click of each tab, some control from each tab content should be focused so that the user has better experience to type directly instead of handling it using a mouse.
Attached is the image of HTML I am using.

Ok the first pass at making state management less of an overhead was leaving a lot of boiler plate code required to be implemented per grid. The biggest pains were having to create an array of columns for each grid, this gets old quick when you have a project with many grids.

So I have decided to implemented state management in a directive and are fairly happy with the results.

Features:

• State persistence is managed entirely in the directive.
• State storage can be session or local defaults to session.
• Persists expanded rows.
• Persists column visibility.
• Persists column resize.
• Persists column reorder.
• Persists grid sort, page, page size, group, filter etc..

Just add the directive and handle the stateReady event. You can read more here.

Github: https://github.com/lucasheight/angular-kendo-grid-state
NpmJs: https://www.npmjs.com/package/@lucasheight/kendo-grid-state

 Stackblitz: https://stackblitz.com/edit/angular-kendo-grid-state-directive

When I do production build I miss buttons for the next and previous page in grid. If I run angular project in development mode everything is ok. Any idea what's wrong? Thank you.

Is there a way to use the Grid Excel Export button outside of the toolbar template?

I see this is online help:

https://www.telerik.com/kendo-angular-ui/components/uploads/upload/how-to/local-file-processing/

As of version 5.2.0 the Kendo UI Upload for Angular features a built-in FileSelect component. You could use this component instead of the approach suggested in the article below.

But I do not see an example of how to do this with fileselect?

Can you please provide an example or point me to the documentation that describes it in detail?

Hello,

Currently we're evaluating usage of kendo with angular 5.

I've noticed detached DOM trees when destroying the grids.

Please find attached 2 files:

1. Screencast of the snapshots as the creation/destroy progressing: https://ufile.io/20hfh

2. The app itself (without node modules, you can npm install to run it): https://ufile.io/0eone

Can you provide any input on this one? Is this a known issue or we're missing something?

Thank you

Hi, I have an DatePicker in an ionic modal. 

But for some reason it doesn't open and gives no errors in cosole. It is just a copy and paste from the basic example in the docs.

That is any reason for this to happen?

I have enable sorting, filtering for Kendo editable grid. When I filtering the grid, and editing any particular row, I want to get the original rowIndex (the index of the binded array) in the called function as a parameter along with the dataItem, default rowIndex values.

Note: I have attached the screenshot of my code, hope that might be helpful to understand my use case

Wondering if I can get some help here.

I have an upload component that is not showing the progress bar loading animation correctly, nor is it showing the Uploading... spinner.

I have attached an image of what the component looks like after I have initiated an upload:

- the progress bar fills up 100% immediately without waiting for API

- the Uploading... does not spin

When the API response returns to the browser, the progress bar transitions to green and disappears.

I have this working in another project with all animations correct, so I'm confused as to what I have done wrong. I have checked package.json and the projects appear identical in the dependencies installed.

template: