I have a kendo-upload component which is disabled in certain cases.

I have a kendo-uploaddropzone component which is visually not disabled when the kendo-upload component is disabled.

The user can not upload a file by dropping it into the dropzone while the upload component is disabled, so functionally it works perfectly.

I would expect that when the upload component is disabled the uploaddropzone is also disabled visually, so it has similar opacity like the upload component, and the icon color is not changed to primary color when user tries to drop a file.

Maybe also a specific cursor can be shown, so the user sees that the uploaddropzone is disabled when he tries to drop a file.

I did create a Stackblitz to demonstrate the issue:
https://stackblitz.com/edit/angular-qo8pns

Is there a possibility to set the uploaddropzone disabled manually? I did not found anything in the uploaddropzone component's documentation.

Personally I would prefer the behaviour I described at the top.

How do I go about using a Host Listener for a kendo-dialog? My team and I haven't had enough time to sit down and talk through this, and we've been busy with other things and pushing this aside. However, it has resurfaced, and this time it should probably get figured out.

I have a kendomultiselect with grouping enabled.And selection of all elements on clicking on a group is possible too.

My multiselect behaviour is as below,

When I select an element the item wil be removed from the datsource.when I select a group all elements under the group will be removed from data source.this is working fine.

But after removing the elements,I want to maintain the scroll position to the next element and key down/up events shoudk start from taht which is not working as expected.its always starting from first.

How can I acheive this behaviour..

Please help me out 

Hello, I am trying to implement stepper with child steps. For example Sports is my main step and football, cricket are my sub steps. 

I can only see steppers without child steps in the website. Kindly help me on this

Hi,

I have a date filter field but due to the width of the filter cell, the placeholder "dd/mm/yyyy" is truncated. Is there any way to format this date filter cell so that 

1) I can word wrap the placeholder to fully display it?

2) Or I can increate the width of the filter cell so that I can display the entire "dd/mm/yyyy"?

Best Regards,

Hello. I am attempting to have it so that the grid's columns will be as wide as the widest value rendered. In other words, do not line wrap data or hide overflow of individual cells.

Per (https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-autofitcolumns), this method should adjust "the width of the specified columns to fit the entire content, including headers, without wrapping". I can verify that when the data source is specified in the client like so:
https://stackblitz.com/edit/angular-7bppyc-ujhnha?file=app%2Fapp.component.ts

However, if you fetch the data asynchronously, it only resizes to the width of the column header text and not the contents of the cells. 

We are using ASP.Net Zero and we want to add Telerik scheduler to our project.

-ASP.Net Zero Product Version is 8.9.2
-Angular9
-.Net Core
Hi, I want to use Telerik scheduler component in our Angular project. I followed Telerik's document but I could not achive.
https://www.telerik.com/kendo-angular-ui/components/scheduler/
This is what I want to use. Firstly I wrote command below
ng add @progress/kendo-angular-scheduler
All packages are set up. After that I imported the SchedulerModule to the app.module.ts file in src/app folder. And then I created a page called 'Scheduler' and created html and ts file called scheduler.component.* and also put that folder events.utc.ts file as in example. My scheduler.component.ts file has these codes:
`
import { Component, ViewChild, Injector, Output, EventEmitter, OnInit, inject } from '@angular/core';
import { ModalDirective } from 'ngx-bootstrap/modal';
import { ClientsServiceProxy, GetClientForViewDto, ClientDto } from '@shared/service-proxies/service-proxies';
import { AppComponentBase } from '@shared/common/app-component-base';
import { ActivatedRoute } from '@angular/router';
import { appModuleAnimation } from '@shared/animations/routerTransition';
import { SchedulerEvent } from '@progress/kendo-angular-scheduler';
import { sampleData, displayDate } from './events-utc';
@component({
selector: 'my-app',
template: `
<kendo-scheduler [kendoSchedulerBinding]="events"
[selectedDate]="selectedDate"
scrollTime="08:00"
style="height: 600px;">


<kendo-scheduler-week-view>

</kendo-scheduler-week-view>

<kendo-scheduler-month-view>

</kendo-scheduler-month-view>

<kendo-scheduler-timeline-view>

</kendo-scheduler-timeline-view>

<kendo-scheduler-agenda-view>

</kendo-scheduler-agenda-view>

</kendo-scheduler> `,

animations: [appModuleAnimation()]

})
export class SchedulerComponent extends AppComponentBase {

public selectedDate: Date = new Date('2018-10-22T00:00:00');

public events: SchedulerEvent[] = [{
id: 1,
title: 'Breakfast',
start: new Date('2018-10-22T09:00:00'),
end: new Date('2018-10-22T09:30:00'),
recurrenceRule: 'FREQ=DAILY;COUNT=5;'
}];
}`

and my scheduler.component.html file:

<div class="kt-portlet__body"> <my-app> </my-app> </div>

I don't know what I missed but after all of these when I want to compile angular side, it gives errors like
'kendo-scheduler' is not a known element:
If 'kendo-scheduler' is an Angular component, then verify that it is part of this module.
If 'kendo-scheduler' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
Not just for kendo-scheduler element but also the other ones too.

Then I noticed that I need to import SchedulerComponent to main.module.ts and did it.

Now this error has gone and the new one came. I attached our project structure and new errors screenshots.

Hello,

Is there a way for the control to format as a user is typing in a value? My requirement is that the thousands separator appears as the user types in the value. Currently, if a user types in 1234, they will not see 1,234 until they leave the control.  I would like them to see the the comma when they are typing. So as they type in 1234 they would see 1, then 12, then 123, and when they type in the 4, they would see 1,234.  Is this possible in this control?

Thanks,

Scott

Is there a way that we can prevent the close action of a Kendo Window? The example use case is a "CRUD" form, where a user enters many different fields of data. After changing values and clicking the "Close" button of the window, we would like to prompt the user with a message that says "You have unsaved changes, are you sure you wish to continue?" This allows the user to stop closing the window without losing data, if they forgot to save their changes. 

We are using the WindowService to open windows dynamically. I see that there is a "preventAction" available in the DialogService (https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-action-prevention), but no equivalent option appears to be available in the WindowService.

Is there a way to accomplish the "action prevention" function in a Kendo Window opened through the WindowService? I would be open to alternative solutions if there is no built-in support for this.

Austin Brown, Software Development Engineer Team Lead
B&L Information Systems
e: abrown@BLInfo.com
p: 269.465.6207 ext 333
a: 4707 Rambo Road, Bridgman MI 49106