Hi,

Can I use groupBy for a column of boolean datatype?

like this:

I am trying to pass this to a Dropdownlist and it works if the column is a string typed column.

Best regards

Flemming Christiansen

Hi,

We have a kendo-dialog that has a drop down and bunch of other fields like label and text etc. The requirement is that when the selection is changed in the drop down, another dialog needs to be popped up warning the user with a message.

I was able to achieve this by using the DialogService. But the problem is I am not able to set the size of this dialog. It is way too long and occupies the entire height of the frame. Please see the attached file.

When I inspect the html via developers tool, I can see that it is controlled by 

.k-dialog-wrapper .k-dialog {
     position: relative; <----- If I change this to inherit, the size of the dialog is perfect. Please see image DialogServiceGood.
}

I tried setting the value like this in the css, but does not help at all.

.k-dialog-wrapper.k-dialog {
              position: inherit !important;
}

How can we achieve this? Any help is greatly appreciated.

Here is the code to bring up the dialog using the service

html:

<kendo-dialog  class="xxxx" *ngIf="openedDialog" (close)="close('dialog')"  [minWidth]="250" [width]="700"  >
    <div  class="row-style" >  
        <div class="xx-ad-header" style="flex:10 ;" >
          {{title}}
        </div>
        <div  style="flex:1 ;"  class="button-right">
            <button type="button" class="btn btn-primary btn-close btn-circle" (click)="closeDialog()">
              <span>X</span>
            </button>
          </div>
      </div>
      <div   kendoDialogContainer ></div>
  
  ... the rest here
</kendo-dialog>

component class

 public popupConfirmation() {
    const dialog: DialogRef = this.dialogService.open({
        title: 'Please confirm',
        content: 'Data entereed will be lost. Do yoy wish to zontinue?',
        actions: [
            { text: 'No' },
            { text: 'Yes', primary: true }
        ],
        width: 250,
        height:200,
        minWidth: 250
    });

    dialog.result.subscribe((result) => {
        if (result instanceof DialogCloseResult) {
            console.log('close');
        } else {
            console.log('action', result);
        }

        let aresult = JSON.stringify(result);
        
    });
  }

Regards,

Jyothi

I've got a strange case with an in-grid dropdown filter that, for some reason, will bind to the first seven or eight of twenty-one objects in an array but will send back an empty array when sending back to vmUserFilters and vmUserChange as well as having the dropdown vanish when users after the eighth or ninth record are selected. One work-around is selecting a name in the first seven records and then adding a record between the ninth and twenty-first and removing the first added however I don't think our client will accept that arrangement. Below is the grid column and dropdown in question:

        <kendo-grid-column field="currentHolderId" title="Sales Person" width="100">
        <ng-template kendoGridFilterMenuTemplate
                     let-column="column"
                     let-filter="filter"
                     let-filterService="filterService">
          <kendo-multiselect [data]="vmusers"
                             textField="userName"
                             valueField="id"
                             [valuePrimitive]="true"
                             [value]="vmUserFilters(filter)"
                             (valueChange)="vmUserChange($event, filterService)">
          </kendo-multiselect>
        </ng-template>
        <ng-template kendoGridCellTemplate let-dataItem>
          {{vmuserFind(dataItem.currentHolderId)?.userName}}
        </ng-template>
      </kendo-grid-column>

Some additional information from my code:

The functions referenced above:

  public vmUserFilters(filter: CompositeFilterDescriptor): FilterDescriptor[] {
    return flatten(filter).map(({ value }) => value);
  }

  public vmUserChange(values: any[], filterService: FilterService): void {
    filterService.filter({
      filters: values.map(value => ({
        field: 'currentHolderId',
        operator: 'eq',
        value
      })),
      logic: 'or'
    });
  }

The interface for the vmusers array:

export interface IVMUser {
  id: string
  userName: string
  role: string
}

Let me know if you can think of anything that could be causing this issue behind the scenes or what I might need to add/update. I can verify that these values are consistent - ie. id is a unique identifier, userName is a first and last name, role is a single-word string.

Thank you!

Hello Angular Kendo UI Team,

I think I might have found a bug. On the attached screenshot I show that as a table cell is in edit mode, elements in other columns rerender, e.g. SwitchComponent and possibly due to css class conflict the said component is stretched (just while in edit mode of another cell)

Cheers, K. Dimitrov

Hi,

I'm using the External Editing example:

https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/ 

and I have a checkbox, but I want the checkbox to be k-checkbox style.

https://angular-q8u3nm.stackblitz.io

But if you Add and bring up the external form, you can see that the checkbox is styled right but is disabled.

Is it not possible to use Kendo Checkbox in a reactive form? This documentation suggests they may not supported after all:

https://www.telerik.com/kendo-angular-ui/components/forms/forms-support/

Any way to make this work?

James

For the Color Picker Toolbar component, is it posible to use the gradient?

I tried this, but it doesn't work:

Hello Telerik team,

I would like to ask if you plan on improving kendo-window performance. I really like the idea of this feature and now how much rerendering has to be done. As a suggestion: maybe use a placeholder until finish-move-event like a dashed rectangular area.

Cheers, K. Dimitrov

I've noticed the external form editing example has some exaggerated form resizing problems on validation errors.

https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/

Simply click Add, then enter alpha chars for the Units in Stock. The form widens way too much and also increases height to accomodate the unhidden text element.

Is there a way to fix the form so that it either resizes more predictably, or preferably doesn't resize and instead has space for the validation text to appear.