At the moment, the DataSource only uses one field for its ID property (if you enter several, then only one is used, apparently).  This doesn't reflect reality, in that in many cases (where one record is a child of another), the key field for a database table is a composite (from 2 or more fields).  
The existing situation causes problems in inline editing of the KendoUI grid, because default values need to be set for foreign key fields, but if these are set to a valid value, then spurious calls to the Inline_Create method occur because the DataSource treats the record as a new record when it is not.
In any case, allowing multiple fields would simply reflect reality.

The Popup widget has a"collision" setting that is documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/popup/configuration/collision. The documentation states the following:

If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension.

However, the first word sets the vertical behavior and the second word sets the horizontal behavior. This can be seen in the following DOJO: https://dojo.telerik.com/ewOKOZIh. The popup uses a configuration with its collision set to "flip fit". Still, when resizing the window horizontally (making it less wide), the popup slides under the input control instead of flipping to the other side. When resizing the window vertically (making it less high), the popup flips to the upper side of the input control once the space below is becoming too small.

In my understanding, the exact opposite behavior is expected.

DateTimePicker controls for selecting a time don't scroll on touch screen devices as of 2022.2.510. 

Previously this has worked without any problems, but since we updated to 2022.2.510 the timepicker dropdown list no longer scrolls on touch screen devices, and instead the entire page scrolls, so the user can't select any other times. 

We have included the 'kendo.mobile.min.js' and 'kendo.mobile.scroller.min.js' files but this has not resolved the issue.

The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $enable-transitions variable. I expected it to behave consistent with other similar variables like $enable-rounded which means that when it is set to false, no transistion properties would be set.

However, the following elements always have a transition property set, no matter what the value of $enable-transitions is:

• .k-button::before
• .k-list-item

Is this a bug or did I understand the meaning of $enable-transitions wrong?

Hi,

I seem to have unearthed a bug in the Kendo spreadsheet control. When the spreadsheet has only 1 row and there is column validation somewhere on the sheet, if I then edit a cell (without validation), 8 rows are created.

See the following Dojo

Kendo UI Snippet | Kendo UI Dojo (telerik.com)

Steps to reproduce.

1. Run the Dojo

2. Edit the UnitPrice cell to, say 20

3. Save changes

4. Observe in the browser console (F12) 8 rows created.

Expected results are 0 rows created and 1 updated

 

Thanks

Ian

It would be great if you could put images to cells using html. E.g.: <img src="..."> would result in an image in the cell.

Bug report

If a Popup is open and you click a Menu item, the Menu prevents the Popup from closing automatically.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/IrEYAqaK/2
2. Click the Open/Close button
3. Hover the Menu item and click the sub-item.

Current behavior

The Menu prevents the Popup from closing

Expected/desired behavior

The Popup should close when the Menu item is clicked.

Environment

• Kendo UI version: 2022.2.621
• Browser: [all]

In our application, we have the requirement to display the DropDownList's filter textBox only if there are more than a specific number of items in the DropDownList. Therefore, we count the items everytime they change (i.e. an item is added/removed or perhaps all items are replaced) and then update the DropDownList's filter setting accordingly via setOptions().

Additionally, we use the dataBound() event for internal UI tweaks and therefore access the e.sender object.

This DOJO demonstrates that e.sender has a different structure before and after setOptions() is called. For instance, the list property does no longer exist. Check the console output, the event object is logged every time dataBound() is called.

Interestingly, this only happens when passing a complete (but updated) object to setOptions() and not when passing only a partial options object. Still, re-setting options to the same value as before should not interfere with any event args.

The documentation states that the Kendo UI MultiSelect widget' options contain a "messages" property that allows the customization of tooltips etc. In the corresponding TS typing, this property is not defined.

Hello, 

I'm looking to find a way to hide the Table tab and Cee tab on the Table Wizard. Is there a way to do this?

Thanks,

Sunny Carrandi

Currently, when a child task in the Gantt is edited the start/end time of the parent task will be updated accordingly. I would like to have the possibility to disable this behavior and have the possibility to edit the child's tasks' start and end times without updating the start and end times of the parent task.

Bug report

When an image from docx file is pasted in the Editor an error is thrown.

Reproduction of the problem

1. Open the Dojo
2. Open the file test_word_images.docx
3. Copy the first image and paste it in the Editor

Current behavior

An error is thrown : "Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'"
screencast

Expected/desired behavior

There should be no errors in the console.

Environment

• Kendo UI version: 2022.2.621
• Browser: [all ]

Hi Team,

I'd like to request adding a format configuration for the Kendo UI Filter for Date fields. 

Thank you!

The documentation for the Kendo UI MultiSelect widget states that the user can highlight the next/previous item using RIGHT/LEFT when the selection popup is closed. This works as expected. However, if the user then presses TAB and moves the focus somewhere else, the item remains highlighted.

Since the highlight only indicates that certain actions can be executed on the item, it should be removed in such a case as the actions are no longer executable. This can easily be reproduced with the keyboard navigation sample:

• Select a few items
• press LEFT
• press TAB

 

Hi Team,

I'd like to request a built-in event before the Grid starts a Read action.  

Thank you!

I have experience with OpenText Brava Enterprise. I've had the chance to integrate their Viewer in our in-house document management system. This viewer opens up to 100 file formats and allows to add/remove/edit annotations on files and saves these annotations as a separate layer on top of the file. So next time you open the same file to view, you can load the annotations (via API) calls and place the layer of annotations on top.

I was hoping I would see the same thing with Telerik PDF Viewer (and I am aware this works only for PDF). To allow the user to add a Text comment, Shapes, Stamps, Image, PDF Bookmark, etc.

We are using the latest version (5.4.0) of the "Classic" SASS theme for Kendo UI and override several scss variables to adapt the grid's look&feel to our requirements. One thing we did was setting $grid-header-padding-x and $grid-header-padding-y to 2px each.

If the content of the grid header is long enough to be truncated, sorting indicators etc. are partially moved out of the cell.

Since I cannot modify scss variables in DOJOs, I have tried to apply CSS styles to simulate the behavior: https://dojo.telerik.com/EMOYUREh.

As you can see, the th element applies some padding that .k-cell-inner removes again. On the right side, however, the negative margin is bigger than the padding added by the th element which causes the content to move out of the cell.

 

The different Date/Time Pickers contain of an input field and a button that opens a calendar view in a popup. Usually, the background color of the button changes when it is clicked. In Firefox, nothing happens, because it seems to block the :active pseudo class. This DOJO demonstrates the behavior.

In other, similar input widgets like the NumericTextBox, this problem does not occur, because the .k-selected class is set on the button instead. Still, Firefox blocks the :active pseudo class.

Bug report

columns.field.filterable.cell.inputWidth does not apply since R1 2022

Reproduction of the problem

Dojo: https://dojo.telerik.com/oVILIzaW

Current behavior
Width of autocomplete input is not affected

Expected/desired behavior
Width shall be reflected

Workaround

  <style>
     span[data-field="name"] > span {
      display: inline
    }
  </style>

Environment
Kendo UI version: 2022.2.621
Browser: [all]

The Kendo UI Popup's "collision" option allows to specify how its positioning algorithm should handle situations where there is not enough space. When "collision" is set to "flip" and there is not enough space to display the popup where it was configured to be displayed (via origin and position), it flips to the other side of its anchor (documented here). If there is no space on the other side either, it flips back to the original position.

I've created an example situation where this happens in this DOJO. You might have to resize the browser window a bit to make the content on either side of the input smaller than the popup's width. As you can see, the position of the popup now is the least fortunate one:

• It would make more sense to flip, despite there being not enough space, because more content could be displayed on the left side than on the right side.
• It would be even better if the popup detected that neither sides provides enough space and instead reduced its size - the size is not fixed but determined by the content.

One might think I could set the popup's width to "min-content" via CSS to force wrapping, but this always wraps the content and wherever possible. Is there any way to make the popup's content wrap, but only if necessary?