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
Hello
I have dataset where parentId for root item is empty string. In this situation the tree does not displays ("No records available").
How to set default value for parentId field just like here: https://www.telerik.com/forums/is-parentid-field-required-to-be-null ?
Regards
Hi
I want to make use of kendo-grid with filterable in Kendo-Drop-down . I tried but open,close,focus,blur using is making difficulty.
if I am trying to do filter in grid drop-down is closing,am not able to filter the rows of grid which is in drop-down template
please suggest a method of using grid with filterable and drop-down functionalities.
Issue: If I collapse one of the statuses and then I sort by status, it expands the one I collapsed and then collapses the one I didn’t collapse
Please see this for reference: https://gfycat.com/silentsecondaryhadrosaurus (I used the example found here: https://www.telerik.com/kendo-angular-ui/components/grid/grouping)
With that, I would just like to know if this is a limitation of Telerik grouping functionality.
Thanks in advance!
how to show cursor pointer for labels in series and categories item in kendo angular bar chart. I see the options available for legend .but not series labels.
Thanks,
Nirmala