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 -

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

How can I have scroll on x-axis in bar charts? Currently when I have too many records the bars come closer automatically and overlap each other even though I have given 'gap and 'spacing' properties. I want to be able to scroll horizontally and keep the y-axis freeze, y-axis should not hide when I scroll horizontally.

I am using column charts in which the labels on category axis are too long and they overlap each other. How can I show ellipsis(...) for longer texts so that they do not overlap with other labels?

Is it possible to set Kendo menu direction to auto so that it can open in any direction according to available space?

My issue is that I have to use the vertical menu because of the minimum space that I have avaiable in mobile screen. But when the user clicks on the menu item it expands off the screen and the he can't read what is in the menu items.

 

 

Hello,

I'm trying to use master-details grid with checkbox selection,

1. when i click on the collapse all the data refresh, and all the selections are deleted
2. how do i get all the selections from all the details grid in one button?

best regards.

Hello,

 

my server support CORS so I want to use get instead of jsonp when fetching data using the action on a model ? can someone help me please ? Thanks

private fetch(action: string = '', data?: any): Observable<any[]> {
        return this.http
            .jsonp(`https://demos.telerik.com/kendo-ui/service/Products/${action}?${this.serializeModels(data)}`, 'callback')
            .pipe(map(res => <any[]>res));
    }

<kendo-grid
          [data]="view | async"
          [height]="400"
          [pageSize]="gridState.take" [skip]="gridState.skip" [sort]="gridState.sort"
          [navigable]="true"
          [pageable]="true" [sortable]="true"
          (dataStateChange)="onStateChange($event)" >
        <kendo-grid-column field="ProductName" title="Product Name" width="250">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <kendo-dropdownlist kendoGridFocusable [data]="names"
              [formControl]="(formGroups.get('items') as FormArray).at(rowIndex).get('ProductName')">
              </kendo-dropdownlist>
          </ng-template>
        </kendo-grid-column>
        <kendo-grid-column field="UnitPrice" title="Price" width="200">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <kendo-numerictextbox kendoGridFocusable
              [formControl]="formGroups.get('items').at(rowIndex).get('UnitPrice')">
              </kendo-numerictextbox>
          </ng-template>
        </kendo-grid-column>
        <kendo-grid-column field="Discontinued" editor="boolean" width="80" title="Discontinued">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <input type="checkbox" kendoGridFocusable
              [formControl]="formGroups.get('items').at(rowIndex).get('Discontinued')"
               />
          </ng-template>
        </kendo-grid-column>
        <kendo-grid-column field="UnitsInStock" editor="numeric" width="200" title="Units In Stock">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <input type="number" kendoGridFocusable
              step="0.01"
              [formControl]="formGroups.get('items').at(rowIndex).get('UnitsInStock')"
              class="k-textbox" />
          </ng-template>
        </kendo-grid-column>
      </kendo-grid>