Telerik Forums
Kendo UI for Angular Forum
2 answers
102 views

Hi,

I got a problem for the kendo grid section, like I want to insert another kendo grid, and the outside grid just show three records. KendoGridDetailTemplate seems not so working, it will display plus sign in every row. Can anyone help me to solve this issue. 

Thank you so much.

Svet
Telerik team
 answered on 19 May 2020
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
 answered on 18 May 2020
5 answers
112 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.2K+ 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
79 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
 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
202 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
96 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
 answered on 15 May 2020
3 answers
2.7K+ 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.2K+ 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
 answered on 14 May 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?