Kendo upload ui control works if the web api controller return empty string, but it errors out of try to return any kind of non-empty string value.

Is there way to return a valid string value that can be processed on the client side?

Hello Team,

I am trying to customize the example grid provided in below link.

https://www.telerik.com/kendo-angular-ui/components/grid/how-to/row-reordering/

Here I have added a [selectable]="true" property to the Kendo Grid. After that I have clicked on a row which highlighted the clicked row(for example 2nd row), then I tried to drag the row to 4th position. When I drag the selected row, the content of the row is dragging but the selectable is still fixed there in 2nd row(I mean highlighted color).

And second thing is, I am able to drag the header as well. The content of the header is not dragging but first row is changing when I drag the header. I feel the dragging should not happen while I am dragging on header.

Is there any work around on these two issues? Kindly suggest.

Hi,

Am not able to find drag to create or selectable options as other(Jquery etc.) kendo schedular has. I wanted it to implement in my Angular schedular process.

Thanks and Regards 

Anto Rupak

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?