Hi,

When a user clicks a cell in the grid, is there any way to get the <td> of clicked cell in order to modify the styling (for example, add a solid border) as a way of highlighting the clicked cell? I would like the cell to remain highlighted until I programmatically clear the highlighting, so that I can highlight more than one cell. Please note this has nothing to do with editing.

I'd appreciate any pointers. Thanks in advance.

Alvin

Hi

I am trying to populate Kendo Tile Layout inside Kendo Tabstrip but seems there is a bug when I drag the item. The position of selected tile is broken initially

When I click the red circle area to drag, the tile is moving to some strange place(position where you see 'Page Views' tile). This does not happen when I populate tile layout without trabstrip.

Any idea how to resolve this? I upgraded Kendo Angular lib to the latest.

* Code is attached.

Kind regards

David

Hello,

We are using Cypress automation to automate UI testing. This involves adding a data-cy="FOO" to a control (grid, button, drop down, etc). We want to be able to get at the controls in a grid like a grid button, hyperlink, page size, etc. I have added tags to the individual grids and columns but this doesn't seem to get at the fine grain controls like I would expect. Does anyone have experience doing this?

Hello,

Is it possible to add a digital signature block to a PDF file created via PDFExportComponent (kendo-pdf-export) ?

Thank you,

--

Leonid

Hi team,

     working on kendo filter menu , If input(search) data is empty means the filter button is disabled. my requirement is, its should be enabled. Please assist

I am new to Kendo UI because of client requirement. I have faced problem during binding multi column combobox at first place the combobox loads very slow so I applied virtual property to combobox then it does not bind the last column with data

here is my ts code

exportclass CreateEsubsidyComponent extends BaseComponent implements OnInit, OnDestroy {
   /**
    * Define the Globals Variables
    */virtual: any = {
    itemHeight: 50,
    pageSize: 100// @progress/kendo-theme-default default item height
  };
}

 <kendo-multicolumncombobox [data]="esubsidyGeneralInputVariables.positiveListData"
                                        id="fundingObject" [listHeight]="300" [textField]="'herstellerbezeichnung'"
                                        [valueField]="'id'" formControlName="fundingObject"
                                        [virtual]="virtual"
                                        [popupSettings]="{
                                          width: '800px'
                                        }"
                                        (opened)="onMouseOverDescription()"
                                        (selectionChange)="selectFundingObject($event)" class="pop-reg-text"
                                        [filterable]="true" (filterChange)="handleMultiComboFilterChange($event)">

                                        <kendo-combobox-column [field]="'id'" [title]="'Id'" [width]="200"
                                            media="(min-width: 740px)">
                                        </kendo-combobox-column>
                                        <kendo-combobox-column [field]="'hersteller'" [title]="'Hersteller'"
                                            [width]="200" >
                                        </kendo-combobox-column>
                                        <kendo-combobox-column [field]="'herstellerbezeichnung'"
                                            [title]="'Herstellerbezeichnung'" [width]="200" media="(min-width: 500px)">

                                        </kendo-combobox-column>
                                        <kendo-combobox-column [field]="'typenbezeichnung'" [title]="'Typenbezeichnung'"
                                            [width]="200" media="(min-width: 565px)">
                                        </kendo-combobox-column>

                                    </kendo-multicolumncombobox>
                                </div>

Dear forum/support,

I'm trying to figure out how to deselect the last item that was selected in my filtered autocomplete list.

To more easily explain the situation I'm facing I edited the example Stackblitz and captured a small video of the issue.

Stackblitz: https://stackblitz.com/edit/angular-9eoskl?file=app%2Fapp.component.ts

You can find the video attached as a ZIP as I couldn't upload the mp4.

The video shows how I auto-select "Volleyball" from the autocomplete values after typing 'volley'. When I type 'ball' I need to have the internal state which item was selected last to be reset inbetween so that I can hit 'Enter' to select 'Baseball'. But instead 'Volleyball' is still selected and pressing 'Enter' will deselect it.

I was hoping that the new focusItemAt method would allow me to do such a thing by calling focusItemAt(null) in an event handler that listens on the autocomplete's 'closed' event. However the focusItemAt method does not really do what I was expecting (still don't know what it really does).

Best regards

Philip

Hi, we use Tailwind themes in our project.

Does someone use Tailwind and SCSS from Kendo to apply theme correctly?