or
0 answers
1 view
on click calendar i see button today. how to hide this button?
Abodabe
Top achievements
Rank 1
Rank 1
asked
on
18 Apr 2024
1 answer
5 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?
0 answers
5 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
1 answer
8 views
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!
Zornitsa
Telerik team
answered
on
17 Apr 2024
0 answers
3 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.
1 answer
12 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
1 view
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!
0 answers
2 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
Rank 1
asked
on
15 Apr 2024
1 answer
14 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
Telerik team
answered
on
15 Apr 2024
1 answer
17 views
Hi all, I am trying to add a custom toolbar component that contains a dropdown button with role guards such that only certain users see all of the items in the dropdown button. Specifically following this example in your guides
https://www.telerik.com/kendo-angular-ui/components/toolbar/custom-control-types/
I get an error Property 'toolbarTemplate' will overwrite the base property in 'ToolBarToolComponent'. If this is intentional, add an initializer. Otherwise, add a 'declare' modifier or remove the redundant declaration.ts(2612) when trying to replicate the example on that guide. Furthermore even clearing the error by renaming the variable I can see the ng-template in my html but what is inside it will not render. Please let me know if you guys have a more current working example of a custom toolbar component or any advice. Thank you!
Martin
Telerik team
answered
on
15 Apr 2024
