I am using Tree view control and trying to show checkbox in front of tree items. I have used [kendoTreeViewCheckable] but still in the output I am not able see the checkbox in front of items. Here is the code:

Component.html

<kendo-treeview
            [nodes]="data"            
            textField="text"           
            [children]="children"
            [hasChildren]="hasChildren"
            kendoTreeViewExpandable
            [kendoTreeViewCheckable] ="checkableSettings"
            [(checkedKeys)]="checkedKeys"
        >
    </kendo-treeview> 

Component.ts : 

import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { Observable, of } from 'rxjs';
import { CheckableSettings } from '@progress/kendo-angular-treeview';
@Component({
  selector: 'app-mini-pub-info',
  encapsulation: ViewEncapsulation.None,
  templateUrl: './mini-pub-info.component.html',
  styleUrls: ['./mini-pub-info.component.less']
})
export class TestComponent implements OnInit {

public data: any[] = [
    {
      text: 'Total', items: [
        { text: 'Gen' }
      ]
    },
    { text: 'QLD', items: [
        { text: 'Gen' },
        { text: 'Price' }
      ]
    },
    { text: 'NSW', items: [
        { text: 'Gen' },
        { text: 'Price' }
      ]
    },
    { text: 'VIC', items: [
        { text: 'Gen' },
        { text: 'Price' }
      ]
    },
    { text: 'SA', items: [
        { text: 'Gen' },
        { text: 'Price' }
      ]
    },
    { text: 'Load', items: [
        { text: 'CG' },
        { text: 'UT' },
        { text: 'T3' },
        { text: 'GU' },
        { text: 'SNY' },
        { text: 'BLG' },
        { text: 'MU' },
        { text: 'LNGS' },
        { text: 'VPGS' },
        { text: 'SA' }
      ]
    }
];

constructor() { }
  ngOnInit() {
  }
  public get checkableSettings(): CheckableSettings {
    return {
        checkChildren: true,
        checkParents: true,
        enabled: true,
        mode: 'multiple',
        checkOnClick: true,
    };
  }

 public children = (dataItem: any): Observable<any[]> => of(dataItem.items);
  public hasChildren = (dataItem: any): boolean => !!dataItem.items;

}

Output:

Attached

Hi,

I am trying to create a kendo calendar picker but I do not want to have any input-field action firing. I would love to just open the calendar without being able to access any input fields. This is because we are using a custom touch device and the opening of the keyboard simultanously with the calendar ist quite distracting (it opens because the input field is focussed after selecting a date). Is it possible to make the input readonly but still have an input possibility using the calendar picker?

Thanks in advance.

I'm a little new to angular so this may be a bit of a newbie question.  I created my component and added the pie chart.  Looks great only problem is the chart is extremely small.  How do I increase the size of the chart?  I watch the video of Melissa (I believe was here name) and she said something about using CSS.  I'm ok with CSS but don't know where I would put it since it's using bootstrap, component.css and app.css.  Also, not sure if I define a custom attribute or what?  I greatly appreciate any help in this matter. 

See attached for reference...

-rj

setting the height of the popup creates a container of the appropriate height, but some internal scroll div in the popup container still has a max height of 200, so you get a little scroll box inside the larger popup box instead of expanding to fill the container.

You can see this behavior in your documentation here.

https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/PopupSettings/

click the run code on your example and open the dropdown.

I have implemented a custom scheduler view based on the timeline multi day view. I did this by "forking" from the kendo scheduler source code, as suggested in a support ticket. This works for 95%, but there are issues with events that have start or end dates equal to the min and max dates in the scheduler's date range: the tasks' head and tail properties are not set correctly because they are the result of comparing dates that are off by a few hours (the timezone offset) (`createTasks` function in /src/views/timeline/utils.ts).

So I started debugging and I also digged in the source code. It appears to me that kendo does all kinds of strange Date interpretations. For example, the `toUTCDate` function (located in /src/views/utils.ts):

For a localDate that represents for example '2020-03-09T00:00:00+0100', you cannot simple take the full year (2020), month (02) and date (09) parts and treat them as if they were utc (which is what Date.UTC does: It returns the number of milliseconds since January 1, 1970, 00:00:00 UTC).

The result of

is actually '2020-03-09T00:01:00+0100' (which is the same instant as '2020-03-09T00:00:00Z' but is not the same instant the original localDate). This is utterly confusing. Why is this?

I am using Scheduler with Month View for an application I'm developing. The control works as intended when viewing on a desktop computer, however when viewing on a low resolution device (mobile) there is cut off text for both the day labels and events which leads to a less than ideal mobile experience (refer to attachment). Is there a way to enable a more mobile friendly viewing mode for ‘Month View’?

Can anyone tell me how to make the kendo Editor - createTable, accessible?

The html output is an <li> that has a role="button", but the only <li> that is not accessible by a keyboard return key is the createTable.

The createTable opens a window that can create a table of x number of rows/columns, but this cannot be activated by a keyboard keypress.