Hi,

I have implemented Kendo grid with filter columns but my requirement is that,

1. when page loads focus should be on Jurisdiction column input box so that user can type and search without using mouse. Shown in image-1

2. When add button is clicked, default focus should be on kendo-combobox as shown in image 2 attached

Grid has default filter implementation. Please find attached files

Hi,

I need to put a row for "View More" and when user click it, it will show all data source. For general, the outside grid just show three records. I used 

kendoGridDetailTemplate, but it shows plus sign in front of every row.

Can you help me to solve this issue. I attach the design pic below.

Thanks

Hello,

I want to use kendo-floatinglabel in my project. After running npm install --save @progress/kendo-angular-label @progress/kendo-angular-common, the documentation required to install @progress/kendo-theme-default.

Before using kendo-floatinglabel, the version I had for @progress/kendo-theme-default was at 2.56.

The latest installed version of @progress/kendo-theme-default is at 4.18.1.

The attached file shows all the warnings with compiling the project. The grids in my app seem to work OK, so is it safe to ignore these warnings? Or what do I need to update to eliminate these warnings?

If I ran npm install of a previous version of kendo-theme-default, e.g. npm install --save @progress/kendo-theme-default@2.63, I did not get the warnings during compile time, but the kendo-floatinglabel was not working as expected (i.e. floatinglabel text not showing as placeholder in the input text control). So I think I do need to use the latest version of @progress/kendo-theme-default@4.18.1.

Thanks for any advice,

Chau

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