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.
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.
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'."
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?
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>
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
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
>
I want to Append month to year (2020) in Kendo Datepicker on left navigation pane. So the final output should be Jan-2020.