or
12 answers
1.5K+ views
Is it possible to have floating labels work on a textarea? I have a form with Name, Date, and Description fields. Floating labels work fine on Name and Date inputs but it doesn't seem to work correctly on Description because it is a textarea for multi-line input.
Chau
Top achievements
Rank 1
Rank 1
answered
on
18 May 2020
5 answers
123 views
When using groupBy in autocomplete first header takes from first element of array, not from "value" field. Fix it please!!! I dont want use crutch
Martin Bechev
Telerik team
answered
on
18 May 2020
1 answer
4.3K+ views
I am using Kendo dropdown list in my Angular 9 project everything is working fine but i am not able to use NgModel property to dropdown.
i am getting following error: "Can't bind to 'ngModel' since it isn't a known property of 'kendo-dropdownlist'."
Dimiter Topalov
Telerik team
answered
on
18 May 2020
2 answers
90 views
Hello guys,
I am managing a grid, with a height of about 500px, with rowHeight of 28px; with these data, I calculated a pageSize of 60 - (500/28)*3
Using these parameters, if I select the first item of the list and shift+click on the 65th, the result selection is made of the element 1 and the elements between the 47 and 65.
Besides, I used several other couples of values for rowHeight/pageSize, but never I got a good result.
I updated Kendo progress as well, but nothing changed.
Please, could you give me any suggestions?
Marco
Top achievements
Rank 1
Rank 1
answered
on
18 May 2020
1 answer
1.5K+ views
I am trying to export the contents of my grid out to excel. One of the columns is a number but needs to be exported as a percentage (with a percent sign).
My main complaint is that the ng-template formatting is not being picked up by the export so, while the grid shows 56.75% when i export it to excel it shows 56.75.
Then I discovered that I could use the cell options feature and format the number. However, when I do this with the % it exports as 5675% not 56.75%. I can not figure out how to divide that number by 100.
Here is the grid code. I have been working on this for hours. Please help :)
<kendo-grid
#grid
class="mt-1"
[kendoGridBinding]="gridSelection ? (whoDoIOwns$ | async) : (whoOwnsMe$ | async)"
reorderable="true"
[sortable]="{ allowUnsort: true, mode: 'multiple' }"
[sort]="[
{ field: 'glNumber', dir: 'desc' },
{ field: 'legalName', dir: 'asc' }
]"
resizable="true"
>
<kendo-grid-column field="id" title="id" [hidden]="true" width="8%"></kendo-grid-column>
<!-- <kendo-grid-column title="Entity ID" field="legalEntityID" width="8%"></kendo-grid-column> -->
<kendo-grid-column
*ngIf="userAllData && !gridSelection"
title="FEIN"
field="fein"
width="10%"
></kendo-grid-column>
<kendo-grid-column
*ngIf="userAllData && gridSelection"
title="FEIN"
field="ownedFEIN"
width="10%"
></kendo-grid-column>
<kendo-grid-column
*ngIf="!gridSelection"
title="GL Number"
field="glNumber"
width="12%"
></kendo-grid-column>
<kendo-grid-column
*ngIf="gridSelection"
title="GL Number"
field="ownedGLNumber"
width="12%"
></kendo-grid-column>
<kendo-grid-column *ngIf="!gridSelection" title="Name" [field]="'legalName'" width="46%">
<ng-template kendoGridCellTemplate let-dataItem>
<a
[href]="'#/entities/' + dataItem.legalEntityID"
target="_blank"
style="color: blue; text-decoration: underline;"
>{{ dataItem.legalName }}</a
>
</ng-template>
</kendo-grid-column>
<kendo-grid-column *ngIf="gridSelection" title="Name" [field]="ownedLegalName" width="46%">
<ng-template kendoGridCellTemplate let-dataItem>
<a
[href]="'#/entities/' + dataItem.ownedLegalEntityID"
target="_blank"
style="color: blue; text-decoration: underline;"
>{{ dataItem.ownedLegalName }}</a
>
</ng-template>
</kendo-grid-column>
<kendo-grid-column title="Legal Role" field="ownershipLegalRole" width="12%"></kendo-grid-column>
<kendo-grid-column title="Acct Type" field="accountingOwnershipType" width="8%"></kendo-grid-column>
<kendo-grid-column title="Pct" field="ownershipPercentage" width="8%">
<ng-template kendoGridCellTemplate let-dataItem>
{{ dataItem.ownershipPercentage }}%
</ng-template>
</kendo-grid-column>
<kendo-grid-excel [fileName]="(gridSelection ? 'i-own-' : 'owns-me-') + 'ownership.xlsx'">
<kendo-excelexport-column
*ngIf="userAllData && !gridSelection"
field="fein"
title="FEIN"
></kendo-excelexport-column>
<kendo-excelexport-column
*ngIf="userAllData && gridSelection"
field="ownedFEIN"
title="FEIN"
></kendo-excelexport-column>
<kendo-excelexport-column
*ngIf="!gridSelection"
title="GL Number"
field="glNumber"
></kendo-excelexport-column>
<kendo-excelexport-column
*ngIf="gridSelection"
title="GL Number"
field="ownedGLNumber"
></kendo-excelexport-column>
<kendo-excelexport-column
*ngIf="!gridSelection"
title="Name"
field="legalName"
></kendo-excelexport-column>
<kendo-excelexport-column
*ngIf="gridSelection"
title="Name"
field="ownedLegalName"
></kendo-excelexport-column>
<kendo-excelexport-column
title="Legal Role"
field="ownershipLegalRole"
></kendo-excelexport-column>
<kendo-excelexport-column
title="Acct Type"
field="accountingOwnershipType"
></kendo-excelexport-column>
<kendo-excelexport-column
title="Pct"
field="ownershipPercentage"
[cellOptions]="{ format: '#.##%' }"
>
<ng-template kendoGridExcelTemplate let-dataItem>
{{ dataItem.ownershipPercentage }}%
</ng-template>
</kendo-excelexport-column>
</kendo-grid-excel>
</kendo-grid>
Martin Bechev
Telerik team
answered
on
15 May 2020
1 answer
250 views
Hello,
We are using the MultiSelect control to show a list of options that users frequently need to select more than one of. To do this, they have to click the control, scroll and select a value from the dropdown, then click the control again, scroll and select the second value, repeat until all options have been selected.
I'm looking for an option to let them select multiple options in the MultiSelect control at the same time without having to reclick and rescroll the options every time. Is there a way to either keep the dropdown open when a selection has been made or allow a key press of say the CTRL key to allow multiple items to be selected at the same time?
I've attached a screenshot of the example MultiSelect that I am trying to pull this off on, I can include the code as well if that is needed.
Thanks,
Bryan
Martin Bechev
Telerik team
answered
on
15 May 2020
2 answers
109 views
How do I control the animation duration in this case. What's the k-option?
<div kendo-progress-bar="progressBar" k-options="options" ng-model="progress" style="width: 100%;"> </div>
mudi
Top achievements
Rank 1
Veteran
Rank 1
Veteran
answered
on
15 May 2020
3 answers
2.8K+ views
Our team has several Kendo UI licenses. We have been using Kendo UI for jQuery withour .NET web applications but are now looking at Angular. In the "Getting started" section for UI for Angular, I don't see anything that mentions including a license file etc. So anyone can download and install the components via npm, its support that is the benefit of licensing?
Martin Bechev
Telerik team
answered
on
15 May 2020
4 answers
1.3K+ views
I want to Append month to year (2020) in Kendo Datepicker on left navigation pane. So the final output should be Jan-2020.
Bharat
Top achievements
Rank 1
Veteran
Rank 1
Veteran
answered
on
14 May 2020
1 answer
129 views
The editor Toolbar color popup/palette does not allow selecting the same color twice in a row for a different word. This happens when you select from the pop-up color palette.
Use example from website https://www.telerik.com/kendo-angular-ui-develop/components/editor/tools/
Select a word, select a color, select another word, select same color (from the popup palette). Color for 2nd word never changes.
This works correctly in the AngularJS version of the Kendo editor, but not for the Angular version of the Kendo editor.
Petar
Telerik team
answered
on
12 May 2020
