I am running into an issue where the multi select on checkboxes no longer works. Locally it works fine, but when I publish it it seems to quit working which makes me think it could be a package.json version issue. Has anyone else run into this? Below is a setup that I have. The selectionChange fires twice

<kendo-grid id="attachmentGrid" #attachmentGrid [data]="attachmentGridData" [height]="'250'" [selectable]="true" [kendoGridSelectBy]="'Id'"
(selectionChange)="attachmentSelectionChange($event)" [sortable]="true">
<kendo-grid-checkbox-column width="40" [minResizableWidth]="40">
<ng-template kendoGridCellTemplate let-dataItem let-idx="rowIndex">
<span *ngIf="(dataItem.Type | uppercase) === 'WORD'">
<input class="k-checkbox" id="attachment-{{idx}}" [kendoGridSelectionCheckbox]="idx" />
<label class="k-checkbox-label" for="attachment-{{idx}}"></label>
</span>
</ng-template>
</kendo-grid-checkbox-column>
<kendo-grid-column field="Name" title="Name">
</kendo-grid-column>
<kendo-grid-column field="Type" width="60" title="Type">
<ng-template kendoGridCellTemplate let-dataItem>
<span class="k-icon k-i-{{(dataItem.Type | lowercase)}}"></span>
</ng-template>
</kendo-grid-column>
</kendo-grid>

This stackblitz should show what I mean: https://stackblitz.com/edit/grid-and-detailtemplate?file=app/app.component.ts

There are two things going on, which will be easier to see if you watch the JavaScript debug console.

1. When scrolling down, page loads cause a jump in the view.  Like when I scroll down to #18 and a page load occurs, the viewport will jump to row #25 or so.  This happens scrolling both up and down

2. When I expand any of the detail templates, the page loading mechanism gets really wonky and only jumps between the first set of results and the last set, with a lot of whitespace at the end.

I'm sure I haven't hooked up something correctly, but I'm not sure what.  Thanks!

Our user experience expert requires that our grids have page controls above and beneath the grid table.

How can I implement this in Kendo UI for angular?

Hi,

Is there a way to specify sorting for each column say as an option to kendo-grid-column? Data is populated dynamically from the database. 

We are using Angular 6

Example:

    <kendo-grid #someRef [data]="gridData" [scrollable]="gridSettings.scrollable" [resizable]="gridSettings.resizable"
      [pageable]="gridSettings.pageable || false" [filterable]="gridSettings.filterable" [selectable]="gridSettings.selectable"
      [sortable]="gridSettings.sortable" [pageSize]="gridState.take" [skip]="gridState.skip" [filter]="gridState.filter" [sort]="gridState.sort"
      [style.maxHeight]="gridSettings.maxHeight" (dataStateChange)="onChangeDataState($event)" (selectionChange)="emitSelection($event)">
      <ng-template ngFor [ngForOf]="gridSettings.columns" let-i let-column>

        <kendo-grid-column-group *ngIf="column.columns" [title]="column.title" [headerClass]="'col-title ' + column.headerClass">
          <ng-template ngFor [ngForOf]="column.columns" let-i let-column>
          
            <kendo-grid-column *ngIf="ColumnType.Text === column.type" [field]="column.field" [title]="column.title" 
              <ng-template kendoGridHeaderTemplate let-dataItem>
                <span class="k-link" [title]="dataItem.title" (click)="$event.target.parentElement.click()">
                  {{ (column.titleAccessor != null) ? column.titleAccessor(dataItem, dataItem.title) : dataItem.title }}
                </span>
              </ng-template>
              <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
                <div cell [title]="dataItem[column.tooltipField || column.field] | facetsData">
                  {{ (column.fieldAccessor != null) ? column.fieldFormat(dataItem, dataItem[column.field]) : dataItem[column.field] | facetsData
                  }}
                </div>
              </ng-template>
            </kendo-grid-column>

The problem is  for one of the fields, the data has some string and date embedded in it. example: "12345678|08/23/2019" for example. 

The data is correctly displayed as 08/23/2019 as defined by the fieldFormat function. But the sorting doesn't work. The data passed into the default kendo sort function still has ""12345678|08/23/2019" (we cannot change the data coming back from server. Not an option.)

Is there a way we can pass a sort function for the columns that require custom sorting. Like if that function is present use it kind of.

I did look at the example at https://www.telerik.com/kendo-angular-ui/components/grid/sorting/ . But this is for all the columns. 

Regards,

I have a linear gauge

I update it from signal r.

In a component that has these configurations

However,
1.  the gauge does not update with the value dynamically unless, I click on the gauge.  How do I update the gauge dynamically?
2.  the gauge does not resize to 100% of the width until the resize method is called.  How do I default the width of the gauge to 100%?

How does one make the image responsive using the scroll-view component?  Here is my current code:

I have autoupload = false, multiple=false and my own custom upload button that calls the uploadfiles method.

I am trying to use kendo reactive forms validation.  However, the validator appears to consider the kendo upload empty/not set if the file has not been uploaded to the server.   

How do I check that a file has been selected prior to calling uploadfiles?

Hello,

I have implemented the upload control in my angular application. I am restricting to only allow image and video file. my question is how do I check the image's dimension (width and height) before I move it to the server. is it possible to check the video (mp4)'s dimension as well? 

--Ben

Hi,

our upload impl:

as you can see, i have no idea for what removeUrl is good for. But this is not my question atm.

If upload fails and Server returns 500, the selected file gets a red color in the ui, thats fine.

But we need to extract the server response and display it for user information.

How can we get Serverresponse and HttpStatusCode ?

Kind regards
David