I am unsure how to do this and correctly update the columns on the grid.
To sum up my use case the below is a very simple example of what I am trying to do.
Grid is initialized on page load with data source 1, data source 1 has columns A, B, C, D. Grid correctly shows columns ABCD. The user now wants to view a different data set by selecting a series of drop downs on the page. Updating the data source to data source 2 with columns B, D, E, F. The grid now incorrectly shows columns ABCD.
Is there a way to refresh the grid in Angular 2+ after a data source change that will reset columns from the data source?

Can someone help with my question?
I have a grid with dynamic data source based on user's selection. All data source has one common field: photo. I have photo's url showing up in the grid. what I need is make this url as clickable. Or another option is, make this photo column a button field with text of "View Photo", so user can click it and open up in a new blank page to view the photo. I have googled a lot but nothing really help since my data source dynamically fill in the grid. The Telerik documentation page doesn't have how to dynamical data source with clickable cell.
Here is my example code.
<kendo-grid [data]="gridData" [resizable]="true" [sortable]="{mode: 'multiple' }" [sort]="state.sort">
//the following code doesn't work.
<kendo-grid-column >
<ng-tempalte *ngIf="field=='Photos'" >
<a href="exampleurl" target="_blank">{{dataItem}}</a>
</ng-tempalte>
</kendo-grid-column>
</kendo-grid>
Sometime our angular 9 application (after leaving idle for sometime), starts displaying these characters in kendo grid. Please see attached image.
This happens for all drop downs, left, right arrows etc. Reloading sometimes fixes it but sometimes I need to open a new browser.
can you please suggest what might be happenning?
Thanks

Hi Team,
I wanted to know which Angular version is fully supported as of now ? and if you are planning to upgrade your support with any of the latest Angular version, what would be the timeline?
Thanks,
Krupal Vasani

Hi,
SuccessHandler is called because of the 200 OK from API. but even if the API is returning 200 OK, still i wanted to change the state manually based on condition.
Once the file is uploaded, Is there a way to change value of state:State variable of interface FileInfo inside onSuccess handler?
Something like below code, just wants to change the state so it doesn't show file is successfully uploaded message in green in upload control, So doing this is not changing the state, state remains as 3 (success) for all the files -
public onSuccess(e: SuccessEvent) { if (e.response.body.isSuccess) { // do success stuff } else { // change all files state to 0 (error in red) e.files.forEach(file => { file.state = 0; }); }}
Hi Team,
In angular multi-select, i need to add an image in the list.
After adding an image in the list , i need to perform certain actions on the list.
1., On Hover on that image, i need to display a tool-tip
2., On Click on that image, i need to replace the image with another image and tool-tip needs to be displayed on hover on this image.
Actions vice versa

We are using telerik menu component to build left hand menu panel. Please see attached pic. It is working very good and very smooth.
However we need two features:
1) on a popup menu, want to have a header which is not clickable and only show text for the icon.
2) if number of entries are more, want to be able to do scrolling through the popup menu. Also, while scrolling through the entries, header should stay intact.
3) show the scroll bar in popup so that user knows there are more entries.
Anyway to achieve that?
Thanks


