import { Component, AfterViewInit, OnInit, ViewChild } from'@angular/core';
Is it possible to bind the kendo angular date controls directly against a luxon date object?
I tried the following:
A direct binding results in a compile error:
Error in src/app/app.component.ts (28:37)
A binding against a Javascript date, on the other hand, works
Is there also a special adapter for the Kendo DatePicker like for Angular Material Date Components (@angular/material-luxon-adapter)?
Hi team,
I'm very sorry to bother you again. I tried all the methods you provided, but the error still exists. I will now describe the error to you in more detail.
The following is a picture of unit test error information.
I tried to understand the error message, and it seems to be related to the language setting initialization of the datepicker component.
In the datepicker component, I have implemented the language switching function. Here is the relevant code for the language switching.
In the app.config.ts file, I globally set and imported the corresponding language pack.
I tried to introduce CldrIntlService in the unittest file, but it still gave the same error.
Thank you for your help!
Hi,
I have a kendo-splitter with two horizontal panes with large content. After page loading, when I resize the browser (half the width), the behaviour is as expected: each pane gets its own horizontal scrollbar.
However, if once resized by the splitter bar, the pane width is not longer adjusted after browser resize events. Instead, the page shows a single scrollbar for the whole splitter.
I understood from a similar JQuery thread (https://docs.telerik.com/kendo-ui/knowledge-base/keep-pane-size-in-percentages), that this is expected and that I have to rearrange the pane sizes programatically.
Is there more recent angular sample code for this approach, our could someone kindly layout the most effective way (avoid flickering etc.)?
As an additional question : How do I achieve separate vertical scrollbars for the panes? The pane contents have different size. When changing the height of the browser window, I get one vertical scrollbar for the whole splitter. However I would prefer separate vertical scrollbars for the panes.
My sample component code is placed below, toghether with two screenshots of wanted / unwanted rendering.
Thank you!
import {Component} from '@angular/core';
import {SplitterComponent, SplitterPaneComponent} from '@progress/kendo-angular-layout';
@Component({
selector: 'app-root',
standalone: true,
imports: [SplitterComponent, SplitterPaneComponent],
template:
`
<div class="container" kendoWindowContainer>
<main>
<kendo-splitter style="height: 100%">
<kendo-splitter-pane [collapsible]="true">
<div class="pane-content" style="height: 500px">
<h3>Inner splitter / left pane</h3>
<p>Resizable and collapsible.</p>
</div>
</kendo-splitter-pane>
<kendo-splitter-pane>
<div class="pane-content" style="height: 700px">
<h3>Inner splitter / center pane</h3>
<p>Resizable only.</p>
</div>
</kendo-splitter-pane>
</kendo-splitter>
</main>
</div>
`,
styles: `
.pane-content {
padding: 0 10px;
border: black 1px solid;
width: 600px;
}
h3 {
font-size: 1.2em;
margin: 10px 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}
`
})
export class AppComponent {
title = 'test-kendo-splitter';
}
hi, I want the scroll bar to always be visible. It appears when I start scrolling, but I want it to always be visible.
so #scheduler .k-scheduler-content {
overflow-y: scroll;
} this isn't working
please give some exaple on schedule timeline view