Hi,

I'm using kendo UI for angular and want to know how I can customize stepper icons with my own svg icons without adding icon library (eg: font awesome)

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <kendo-stepper
      [steps]="steps"
      stepType="full"
      [(currentStep)]="current"
      [linear]="false"
      [style.width.px]="570"
    >
    </kendo-stepper>
  `,
})
export class AppComponent {
  public current = 1;

  public steps = [
    { label: "Personal Info", icon: "user" },
    { label: "Education", icon: "dictionary-add" },
    { label: "Attachments", icon: "attachment", optional: true },
    { label: "Preview", icon: "preview" },
    { label: "Submit", icon: "file-add" },
  ];
}

Hi

I have a very simple drawer: 

    <kendo-drawer
      #drawer
      [items]="items"
      [mini]="true"
      mode="push"
      [(expanded)]="expanded"
      (select)="onSelect($event)"
      [autoCollapse]="false"
    >
    </kendo-drawer>

and I would like to display the item.text as a tooltip when the drawer is minimized... I tried a couple of things but cannot seem to get this working correctly

Thanks in advance

Ursus

If you make a multicolumn combobox virtual, the column widths don't work well at all.  This is your demo code, but I just made the widths of all the columns smaller.  It sizes the column widths appropriately if virtual is not turned on.

Hi,

I would like yo change time format in timeline view scheduler

Is there any way to do that? I can't find any template in API reference.

Thanks!

I want to create a new row on kendo-grid when the tab key is pressed on the last column of previous row. Is there any way to achieve this functionality. I could not find anything similar on the docs, maybe I'm missing something. 

Thanks in advance!

Hello,

Is there a way to add the k-state-selected  class to a row that is being added to a grid?  My new record has its key set to 0 and I am setting my selectedIds to  an array of just this value but it seems to have no effect.  I've tried other values and they are still not recognized.

The way I am adding rows is I am calling grid.addRow and passing a formGroup object.

Thanks!

Marvin

I have an array of objects I'm looking to build a stacked bar chart on,  the challenge I have is the number of stackable bars has to be variable. My data currently comes in looking like this:

            "agentServices": [
              {
                "servicesPerformed": 1,
                "agentId": "083a2039-bffb-4c15-9ae6-be2f4dce47ec",
                "serviceId": "8293f890-6e96-4e2e-b1c8-6879c9434024",
                "firstName": "SAMPLE",
                "lastName": "TEST"
              },
              {
                "servicesPerformed": 1,
                "agentId": "083a2039-bffb-4c15-9ae6-be2f4dce47ec",
                "serviceId": "c3453213-90d8-4aac-9473-f8b214dfb608",
                "firstName": "SAMPLE",
                "lastName": "TEST"
              }
            ]

I'm looking to chart the count of services performed(length of a bar stack), per service(number of stacked bars) per agentID(number of separate bars) the number of services available is end user defined, so I assume I need some sort of looping to account for that since I can't just static code a set amount of series items to account for that.

my end goal is something like this, but with more then just 2 services

Hi,

please see this forked stackblitz example for treeview filtering:

example

Type in the textbox 'sofa'. It displays the 'Sofas' , but in my opinion, it should display the 'sofa xx' too.

Hello Fam,

I need to implement group aggregate in column's when the serverGrouping set to true.  Whenever the serverGrouping is true I cannot able to use the group aggregates I have bulk data so I need to group in server not client side.  I want to send the aggregates to server side whenever the api calls and get back the group aggregate calculations accordingly and then display in Angular. 

Thanks in advance!