Telerik Forums
Kendo UI for Angular Forum
5 answers
1.6K+ views
I using Kendo Treeview with Anguar 5
Abdoulah
Top achievements
Rank 1
 answered on 28 Jan 2018
1 answer
3.8K+ views
I'm using a very simple filtered grid (e.g. similar to your filter row example https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/filtering/#toc-filter-row) and I'd like to write 'clear all filters' button. I'm sure this is easy, but I'm struggling to figure out how to do this?
Chau
Top achievements
Rank 1
 answered on 26 Jan 2018
1 answer
159 views

I want to export PDF with custom binding in Grid. However, it does not work.

Maybe, some functions must be overriden but i don't know what they are.

 

In following plunker, PDF export does not work with custome binding.

Without custom binding, it works perfetly. Or if i export only one page, it works.

 

https://plnkr.co/edit/uA7XLv73Kz8gilZsiuWe

 

Could you give any advice?

Daniel
Telerik team
 answered on 25 Jan 2018
3 answers
403 views

I am using arcguage from kendoui for angular. I was able to change the size of the graph by mentioning [rangeSize]="60" in kendo-arcgauge-scale.

But, by default, this stroke is filling up round shaped (ugly and wiered) , There should be a way to change that to normal (square), How to do that?

 

Your documentation for this KendoUIAngular is pathetic and unuseful. You need to provide on how to use all these settings in your graps/grids.

To findout how to make the bigger chart by using [rangeSize] in kendo-arcgauge-scale took almost 2 days since there was no proper documentation.

 

Can you let me know how to get rid of the " stroke-linecap: round;" to " stroke-linecap: square;" ?

 

Here is the plunkr - https://plnkr.co/edit/k7A4elikxfwsNGQYvxRH?p=preview

 

Here is my app.component.ts (incase if the plunkr does not have proper code).

 

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

@Component({
    selector: 'my-app',
    template: `
      <kendo-arcgauge [value]="value" [colors]="colors" >
            <kendo-arcgauge-scale [min]="0" [max]="100" [rangeSize]="60" >
            </kendo-arcgauge-scale>
             <ng-template kendoArcGaugeCenterTemplate let-value="value">
                Percent Paid - {{ value }}%
            </ng-template>
        </kendo-arcgauge >

    `,
     styles: [`
        .k-gauge {
            display: block;
             
        }
       
    `]
})
export export class AppComponent {
 public value: number = 60;
    public colors: any[] = [{
        to: 25,
        color: '#d7d513',
        width:'30'
    }, {
        from: 25,
        to: 50,
        color: '#d7d513',
        width:'30'
    }, {
        from: 50,
        to: 75,
        color: '#d7d513',
        width:'30'
    }, {
        from: 75,
        color: '#d7d513',
        width:'30'
    }];
}


DotMax
Top achievements
Rank 1
 answered on 24 Jan 2018
3 answers
1.3K+ views

Dear Telerik Team,

when using the DropDownList state [loading]="true" with Kendo UI Bootstrap Theme the loading animation does not display correctly - it is cropped. Do you have any advise how to fix this?

Thanks and best regards

Sebastian

Svet
Telerik team
 answered on 24 Jan 2018
1 answer
314 views

Dear Telerik Team,

I have an issue using the kendoMultiSelectGroupTagTemplate in Angular. I copied the example from inline documentation:

<kendo-multiselect kendoSummaryTag [data]="items">
  <ng-template kendoMultiSelectGroupTagTemplate let-dataItems>
    <span>{{dataItems.length}} item(s) selected</span>
  </ng-template>
</kendo-multiselect>

But still all items are displayed. Grouping is not applied, see attached screenshot. Can you please cross check and tell me how to implement a MultiSelect in Angular that just displays "2 items selected"?

Thanks and kind regards,

Sebastian

Dimiter Topalov
Telerik team
 answered on 24 Jan 2018
2 answers
492 views

Hi,

I noticed that binding text field to a nested property on the data does not display the value as expected.As an example, I bind my widget to an array of Article objects, and each article has translation property of type ArticleTranslation. ArticleTranslation has title property of type string, which my widget is bound to.

Here is my plunker:

https://plnkr.co/edit/DQ3ezkJ60GqVHNQ8kmVK?p=preview

 

Thanks

Madani

Jayaram Krishnan
Top achievements
Rank 1
 answered on 18 Jan 2018
2 answers
1.5K+ views

I'm trying to create more condensed grids in Kendo UI for Angular.

I've added a style to reduce the font size which works

k-grid {font-size:10px;}

However try and change the default padding from  padding: 8px 12px; to nothing it seems to have no effect.

k-grid td {padding:0px;}

I've taken the demo grid from the Kendo Angular site and just added these styles to https://plnkr.co/edit/WByOCE8JzmJkNq4wROIw?p=preview

Any ideas on how to compact the grid to fit more data in?

Neil
Top achievements
Rank 1
 answered on 09 Jan 2018
8 answers
1.7K+ views

Hi,

I run your doc sample located here :

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/filtering/#toc-basic-configuration

and tried to combine filtering with preset value and noticed that when I type-in a keyword to filter and then pick an entry from the filter result, the widget would clear the old pre-selected entry.See my plunker here https://plnkr.co/edit/iCqJrjB7tqiafaVc7PT3?p=preview

To replicate:

-Ensure "Small" is selected in the widget

-type in "ge" inside the widget so that "Large" gets filtered.

-pick "Large"

-The entry "Small" will disappear

 

I assume this is because the filtered result does not include "Small" entry so its option is not available for the select widget.This is happening when using value binding and ngmodel binding.It is also an issue when using server side filtering so I had to always append a filter for each preselected entry value and then add a filter for the typed-in text:

public onFilterChange(value: any): void {
       
        let filters: any[] = [];
 
        if (value) {
 
            for (let entry of this.Item.franchiseeIDs) {
//had to add value filter for each preselected entry
                filters.push({ field: "ID", operator: "eq", value: entry });
            }
//then finally add typed-in text filter
            filters.push({ field: "Name", operator: "contains", value: value });
            this.frmService.query({
                filter: {
                    logic: "or",
                    filters: filters
 
                }
            }).subscribe(
                (data) => {
 
                    this.franchisees = data;
 
                });
        }
         
    }

 

<kendo-multiselect [data]="franchisees"
                                        (filterChange)="onFilterChange($event)"
                                       
                                       [textField]="'name'"
                                        [filterable]="true"
                                       [valueField]="'id'"
                                       [placeholder]="'Select franchisees...'"   [valuePrimitive]="true" [(ngModel)]="Item.franchiseeIDs" name="franchiseeIDs2">

 

Thanks

Madani

Dimiter Topalov
Telerik team
 answered on 08 Jan 2018
1 answer
584 views
Is it possible to create line breaks with the Drawing API using the Text class?  
Dimiter Topalov
Telerik team
 answered on 08 Jan 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?