Questions on Kendo UI for Angular Forum

0 answers

9 views

please provide ref solutions and workable example for date filters in kendo grid

please provide date fiters example for kendo grid

Grid

asked on 22 Apr 2024

2 answers

19 views

Is there a way to provide some sort of binding for the action buttons in the dialog service

Hi,

Is there a way to do some data binding on action buttons while using the service dialog.

        const dialog: DialogRef = this.dialogService.open({
            title: 'Create Dialog',
            content: SomeFormComponent,
            actionsLayout: 'end',
            actions: [
                { text: 'Cancel', fillMode: 'clear', themeColor: 'accent' },
                {
                    text: 'Create Something',
                    themeColor: 'primary',
                    fillMode: 'solid',
                    cssClass: 'height-override',
                },
            ],
        });

I want to place some binding to the "Create Something" button to toggle it being enabled/disabled.

Is this even possible? Is there some sort of workaround?

Thanks!

Dialog

answered on 22 Apr 2024

0 answers

3 views

Fixed width for kendo-card

We recently update our application from kendo-angular 14 to 15 and noticed that throughout our entire application the kendo-cards got a fixed width of 285px.

Now we noticed that you now have to set a width for the kendo-cards yourself, otherwise it will default to 285px.
My question is why was this 285px chosen as a default? It did not make much sense for us. We expected the width to be 100%, like it was before.

What was the reason for this change? And is this something that could be reverted back to the initial state where it was full width?

Card

asked on 22 Apr 2024

1 answer

12 views

Media player and Gantt Chart improvements

Hello,

I was wandering if you have plans to:

1. Add media player to the Kendo UI for Angular

2. Improve Gantt Chart with additional features from Kendo UI for jQuery like ability to drag task's start and end on the chart.

Thank you,

Sergey

Gantt

answered on 22 Apr 2024

0 answers

10 views

Update group aggregate after editing

Hi,

I forked this code sample based on your group aggregates sample. I added the capability to edit name and price. The question is, how should I modify the code, that if I edit the price, then after editing the group aggregates also updates?

stackblitz example

Thanks.

Grid

asked on 21 Apr 2024

0 answers

4 views

preserving format of paragraphs in Kendo Editor after saving

I want to ensure that the spacing between paragraphs is preserved exactly as you typed it into the Kendo Editor. Does the Editor have this capability already or would I have to do a work-around?

Editor

asked on 19 Apr 2024

0 answers

8 views

datepicker how to hide button today

on click calendar i see button today. how to hide this button?

DatePicker

asked on 18 Apr 2024

1 answer

11 views

Styling controls inside Kendo UI for Angular filter component

Hello - I want to style the dropdowns that are inside the Kendo Angular filter component without overriding Kendo dropdown styles. For example, I'd like to increase the width and set font size. Is there a way to do this?

Filter

Styling

answered on 18 Apr 2024

0 answers

8 views

kendo-sortable has issue when specify with disabledIndexes in dragStart event

When move item between sections, then it creates the duplicate as well active item remains as it is in dragged item section even after drop the item. Can you please suggest give workaround?

Here is the reproducible example.

app.component.ts - nodebox - CodeSandbox

Sortable

asked on 16 Apr 2024

1 answer

19 views

Extend the target line for the 100% Stacked Column Chart

I'm creating a target line for a 100% stacked column chart. But the target line is not what I want.

Here is what want: the target is about at 80%.

Here is what I'm getting:

One point:

Two points:

Here is the code:

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <kendo-chart>
      <kendo-chart-series>
        <kendo-chart-series-item
          type="column"
          [stack]="{ type: '100%' }"
          [data]="[20]"
          [color]="'#FFD100'"
        >
        </kendo-chart-series-item>
        <kendo-chart-series-item
          type="column"
          [data]="[30]"
          [color]="'#FFEAB1'"
        >
        </kendo-chart-series-item>
        <kendo-chart-series-item
          type="column"
          [stack]="{ type: '100%' }"
          [data]="[40]"
          [color]="'#FFF8E0'"
        >
        </kendo-chart-series-item>
        <kendo-chart-series-item
          type="line"
          [data]="[{ category: 0, value: 0.8 }, { category: 1, value: 0.8 }]"
        >
        </kendo-chart-series-item>
      </kendo-chart-series>
      <kendo-chart-category-axis>
        <kendo-chart-category-axis-item [visible]="false"></kendo-chart-category-axis-item>
      </kendo-chart-category-axis>
      <kendo-chart-value-axis>
        <kendo-chart-value-axis-item [visible]="false"></kendo-chart-value-axis-item>
      </kendo-chart-value-axis>
      <kendo-chart-legend [visible]="false"></kendo-chart-legend>
      <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
    </kendo-chart>
  `
})
export class AppComponent {
  
}