This is how the Kendo DateTimePicker is being implemented

<input 
   ng-disabled="isDisabled"
   k-ng-model="viewmodel"
   k-format="'dd/MMM/yyyy HH:mm'"
   k-timeFormat="'HH:mm'">

However my dropdown Time options appear as; 5:30AM, 8:30PM, etc.    (12hour format)

When a date & time are selected, they appear as 24/May/2021 05:30, 24/May/2021 20:30       (24hour format)

How can I change the dropdown options to 24hour format?

Is it possible to perform server-side grouping/aggregates on a grid? I have several columns which are calculated percentages that need the raw data to accurately calculate averages.

Thanks

Drag and Drop functionality is not available in Kendo UI for Angular.

I need this type of feature in Kendo UI for Angular.

https://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/draganddropnodes/defaultcs.aspx

I couldn't find this option. Can you please let me know is this feature will include in coming versions or not. Let me know is there any alternative way to achieve this.

Hi

How can we expand all nodes of kendo treeview in angular on the click of a button? Any help would be appreciated.

Thank You

Hi,

I tried the ExpansionPanel by implementing the example below in my app-root component:

Interaction - ExpansionPanel - Kendo UI for Angular (telerik.com)

All panels are expanded by default, if I click on the collapse button, I see the animation to go from expanded to collapse state, but the panel resets itself immediatly to its expanded state. (see video as attachment)

I am importing this style in my styles.scss:

@import "~@progress/kendo-theme-bootstrap/scss/expansion-panel/index";

When I add the all.scss in my styles it seems to work correctly...

Any idea why this does not work?

thx!

----

My Styles.scss

My Kendo-packages.json

Hi,

I have a few pages with the code structure below and I'm looking to make the right pane a floating pane. The reason for this is because the panel bar in the left pane can be quite long when expanded. The right pane displays functions from the item selected in the left pane and hence they need to be visible at all times when the user scrolls down. What's the best way to achieve this?

Here is a sample of the code:

<kendo-splitter orientation="horizontal">
  <kendo-splitter-pane size="50%" min="40%">
    <div class="panelbar-wrapper">
      <kendo-panelbar [expandMode]="kendoPanelBarExpandMode"
                      (stateChange)="onPanelChange($event)"
                      [keepItemContent]="true">
        <kendo-panelbar-item 
           ......
        </kendo-panelbar-item>
      </kendo-panelbar>
    </div>
  </kendo-splitter-pane>
  <kendo-splitter-pane min="40%">
    <div *ngIf="openannotation" class="container card">
      <app-annotation [taskId]="selectedTaskId" [expId]="expId"></app-annotation>
    </div>
  </kendo-splitter-pane>
</kendo-splitter>

thanks in advanced,

Carla

Hello, I recently discovered that using the key combination of Shift+Return in the Angular editor is inserting an unclosed <br> tag into the HTML.  This is different from the JS editor where a closed <br/> tag is properly inserted.

Thanks,

Bob

Hi,

We are using angular grid. Quite often the alignment of cells in grid gets distorted. We tried in a sample https://angular-jwnnwp.stackblitz.io/. It is reproducible here as well. PFA the screenshot.

Please suggest if this can be handled.

Regards,

Jaspreet

Hi,

We are creating a custom control which contains a kendo textbox. (The custom control only contains the kendo-textbox)
We want to use reactive forms with the formGroup/formControlName in this custom control on the kendo-textbox

How can I achieve this one?

thanks!