Telerik Forums
Kendo UI for Angular Forum
0 answers
55 views
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?
Remco
Top achievements
Rank 1
 asked on 22 Apr 2024
1 answer
59 views

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

 

Martin Bechev
Telerik team
 answered on 22 Apr 2024
0 answers
68 views

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? 
Eros
Top achievements
Rank 1
 asked on 19 Apr 2024
0 answers
75 views
on click calendar i see button today. how to hide this button?
Abodabe
Top achievements
Rank 1
 asked on 18 Apr 2024
1 answer
60 views

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?

 

Zornitsa
Telerik team
 answered on 18 Apr 2024
0 answers
58 views

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

Shailesh
Top achievements
Rank 1
 asked on 16 Apr 2024
1 answer
116 views

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 {
  
}


Yanmario
Telerik team
 answered on 16 Apr 2024
0 answers
60 views

Hello,

How can we disable toolbar buttons for the Angular Listbox?  There's an example of this in the jQuery version:

https://demos.telerik.com/kendo-ui/listbox/index

Thanks!

Han
Top achievements
Rank 1
 updated question on 15 Apr 2024
0 answers
67 views
please provide any workable example drag and drop cross different kendo grids and reordering with in the same gird
obulesh
Top achievements
Rank 1
 asked on 15 Apr 2024
1 answer
115 views

Hello,

Currently I have a Kendo Filter in which I'm passing in a CompositeFilterDescriptor (dslFilter) as a value, as such:

<kendo-filter
      #filter
      [filters]="filters"
      [value]="dslFilter" // <=== THIS ONE
      (valueChange)="onFilterChange($event)"
    >
...

 

As I understand it, the filter will turn a CompositeFilterDescriptor into a bunch of generated input forms, such as this:

 

Problem is, I implemented Kendo Autocomplete in those fields (full HTML below), but the generated input forms aren't generated as Autocomplete input forms.  I only get Autocomplete forms if I (1) edit the field in one of the forms, or (2) I add a filter.  In both cases, the input form will have to deviate from the generated (from the CompositeFilterDescriptor) form in order to become Autocomplete.  Otherwise, it's just a textbox.

 

How do I get the generated input forms to be Autocomplete?  Edit:  A more general question, how can I modify the generated input forms?  Say if I want the generated textbox to be wider...

 

Full HTML is below:

  <div>
    <kendo-filter
      #filter
      [filters]="filters"
      [value]="dslFilter"
      (valueChange)="onFilterChange($event)"
    >
      <ng-container *ngFor="let fl of filters">
        <kendo-filter-field [field]="fl.field" [editor]="fl.editor">
          <ng-template kendoFilterValueEditorTemplate let-currentItem>
            <ng-container *ngFor="let field of autocompleteFields">
              <ng-container *ngIf="currentItem.field === field">
                <kendo-autocomplete
                  [data]="getUniqueValues(currentItem.field)"
                  [value]="currentItem.value"
                  [suggest]="true"
                  [virtual]="{itemHeight: 28}"
                  (valueChange)="editorValueChange($event, currentItem, filter.value)"
                >
                </kendo-autocomplete>
              </ng-container>
            </ng-container>

          </ng-template>
        </kendo-filter-field>
      </ng-container>
    </kendo-filter>
  </div>

 

Martin Bechev
Telerik team
 answered on 15 Apr 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?