Telerik Forums
Kendo UI for Angular Forum
1 answer
650 views

Hi

 

I use the PDF Export to provide a printing option for some Grids

 

I have attached two files, one screenshot from the grid and the corresponding from the generated PDF

 

As you can see, the € sing is being replaced by a small < and "Ü" overlaps "ok" like there is no space reserverd for characters like öäüÖÄÜ

 

The call is configured with this parameters:

<kendo-pdf-export #pdf paperSize="A4" landscape="true" margin="1cm" [scale]="0.4" *ngIf="printing">
    <event-assignment-print [events]="gridData"></event-assignment-print>
</kendo-pdf-export>

 

best regards

Jürgen

 

WenatexIT
Top achievements
Rank 1
 answered on 05 Sep 2018
3 answers
594 views

Hello,

It's possible to display lines with different width and color between nodes?

Regards,

Bogdan

 

Svet
Telerik team
 answered on 05 Sep 2018
8 answers
2.0K+ views
Hello,
I have a date field where i need to use a filter, but the main problem for my case is that i don't have an opportunity to edit filter options(e.g. is equal to, is not equal to, is after...) that are shown in the dropdown. In my case i need to use only four of them (equal, before, after, ends), so if there is a way to specify what exact options could be shown, I would like to know. 
Regards,
Edik
Svet
Telerik team
 answered on 05 Sep 2018
2 answers
143 views

I'm getting the following warnings in the latest (8/30/18) version 1.5.0.

WARNING in ./node_modules/@progress/kendo-data-query/dist/es/odata.operators.js
15:52-58 "export 'ifElse' was not found in './funcs'
 
WARNING in ./node_modules/@progress/kendo-data-query/dist/es/odata-filtering.operators.js
36:42-48 "export 'ifElse' was not found in './funcs'
 
WARNING in ./node_modules/@progress/kendo-data-query/dist/es/odata-filtering.operators.js
37:49-55 "export 'ifElse' was not found in './funcs'
 
WARNING in ./node_modules/@progress/kendo-data-query/dist/es/odata-filtering.operators.js
70:92-98 "export 'ifElse' was not found in './funcs'

 

Shawn
Top achievements
Rank 1
 answered on 04 Sep 2018
1 answer
625 views

Hi guys,

In the .xlf file, the text for "NO DATA FOUND" (which appears inside an empty kendo-dropdownlist) gets nothing generated for a translation. This means that currently I have my whole project translated, except for this text.

I suspect there is a way to add it to the messages.xlf file in which I have all the translations, but I'm at a loss as to how. Can you give me your insight?

 

Thank You Very Much for your time in advance!

Svet
Telerik team
 answered on 03 Sep 2018
3 answers
1.0K+ views

Hi,

I was a little flabbergasted when I found out that the "AutoComplete" component only handles "Simple Data" - even though there is a parameter called "valueField" and a subtopic under "Data Binding" called "Complex Data". It is impossible to display i.e. the Name of a Person and have the ID of that person as the value of the "AutoComplete" component. Can you please enable this, it is imperative to working with an autocomplete textfield that value and text can be _different_ and that a value other than the selected text can be accessed.

 

const Members = [{name:'Peter', value:1},{name:'Paul', value:2},{name:'Mary', value:3}]
<kendo-autocomplete #viewBandmembers [(ngModel)]="bandmembers" name="bandmembers" [data]="Members" [filterable]="true" [valueField]="'value'"></kendo-autocomplete>

 

This will display 1,2 and 3 in the AutoComplete component!

Thanks in advance

Benjamin Müller

Dimiter Topalov
Telerik team
 answered on 30 Aug 2018
1 answer
1.0K+ views

I'm using Kendo UI for Angular to render a table. The table works fine, and everything shows up. My question is if it's possible to add a new header row before the initial row, where it's possible to add custom values.

I've added two images, which shows the current and desired behavior.

Svet
Telerik team
 answered on 29 Aug 2018
2 answers
224 views

I have a call to my api as follows:

getEntitiesForKendo() {
    this.gridLoading = true;
    this._kendoGridService.getEntities(this.gridSettings.state)
        .subscribe((data) => {
            data.data.forEach((d) => {
                d.creationTime = new Date(d.creationTime);
                d.warnings = d.warnings.split(',').map(Number);
            });
            this.gridData = data;
            this.getOrganisationUnits();
            this.gridLoading = false;
        });
}

In my grid I have two sparkline charts, the pie chart is working, the column chart is not.  Here is my code:

<kendo-grid-column field="carePlanSectionsForReviewCount" title="{{ l('CarePlanReviews')}}" class="text-center" width="120"
    media="(min-width:720px)" [filterable]="false">
    <ng-template kendoGridCellTemplate let-dataItem>
        <kendo-sparkline [chartArea]="{background: ''}" [data]="[dataItem.carePlanSectionsForReviewTodayCount, dataItem.carePlanSectionsOverdueCount, dataItem.carePlanSectionsReviewedCount]"
            style="width:30px; height:30px;" [seriesColors]="['#ffb822', '#f4516c', '#34bfa3']" type="pie">
        </kendo-sparkline>
    </ng-template>
</kendo-grid-column>
<kendo-grid-column field="warningCount" title="{{ l('NcWarnings')}}" class="text-center" width="120" media="(min-width:720px)"
    [filterable]="false">
    <ng-template kendoGridCellTemplate let-dataItem>
        <kendo-sparkline [chartArea]="{background: ''}" [data]="[dataItem.warnings]">
        </kendo-sparkline>
        {{dataItem.warnings | json}}
        <!-- {{dataItem.warningCount}} -->
    </ng-template>
</kendo-grid-column>

The results can be seen in the attached file.  The array seems good, why does the sparkline for the warnings column not display?

Bob
Top achievements
Rank 1
Veteran
 answered on 28 Aug 2018
1 answer
307 views

Using Kendo UI with Angular:

I have an Auto-generated column/grid and need to refresh all the data on an ongoing basis. (Every 10 seconds). To check for any changes to the data.

My data is local at the moment and called sampleCustomers (See below)

I`m relatively new to Kendo and Angular so as descriptive as you can be would be really appreciated. (Add this to app.component.ts, add this to app.component.html, etc.)

Sample of my data below:

export const sampleCustomers = [{
'Id': 'ALFKI',
'CompanyName': 'Alfreds Futterkiste',
'ContactName': 'Maria Anders',
'ContactTitle': 'Sales Representative',
'Address': 'Obere Str. 57',
'City': 'Berlin',
'PostalCode': '12209',
'Country': 'Germany',
'Phone': '030-0074321',
'Fax': '030-0076545',
'LikeDogs': "Yes",
"FirstOrderedOn": new Date(1996, 8, 20),
"Discontinued": false,
}, {
'Id': 'ANATR',
'CompanyName': 'Ana Trujillo Emparedados y helados',
'ContactName': 'Ana Trujillo',
'ContactTitle': 'Owner',
'Address': 'Avda. de la Constitución 2222',
'City': 'México D.F.',
'PostalCode': '05021',
'Country': 'Mexico',
'Phone': '(5) 555-4729',
'Fax': '(5) 555-3745'
},

I`m looking forward to an answer regarding this as I have dug deep throughout the internet and have come up empty.

 

Dimiter Topalov
Telerik team
 answered on 28 Aug 2018
1 answer
1.5K+ views
I have an autocomplete that's working fine, except I want to change one aspect of its behavior-- I would like to not react to the valueChange event when the control has lost focus. The situation is a search box, where once a user has made a selection, a search page will be routed to. However, I don't want to navigate if the user abandons their input. The control emits a valueChange when a blur happens. I have noticed that the valueChange emits before the blur emits. What would be the best way to achieve the desired behavior? I have a ViewChild reference available if that is needed.
Ivan
Telerik team
 answered on 27 Aug 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?