Hi,

Using Fluor´s commercial purchase, we were able to get latest kendoui.for.jquery.2022.3.913.commercial, previously we were using v2019.1.220

After migration, I see that when using a kendoTreeList, that has a column template, it does not properly render the template content.

Template to render:

<script id="actions-template" type="text/x-kendo-template">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-#: id #" style="display: none;">

        <i class="fas fa-calendar-alt" /></a>

    </div>

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-#: id #" style="display: none;">

        <i class="fas fa-pencil-alt" /></a>

    </div>

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-#: id #" style="display: none;">

        <i class="fas fa-trash-alt" /></a>

    </div>

</script>

Rendered template (good one) with previous version v2019.1.220

<td role="gridcell" style="white-space: nowrap;">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" ><i class="fas fa-calendar-alt"></i></a>

    </div>

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" ><i class="fas fa-pencil-alt"></i></a>

    </div>

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" ><i class="fas fa-trash-alt"></i></a>

    </div>

</td>

Rendered template (buggy one) after upgrading to version 2022.3.913

<td role="gridcell" aria-describedby="d51133dd-fb81-4e68-9d56-4d61aab7f81a" class="" style="white-space: nowrap;">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" >

        <i class="fas fa-calendar-alt"></i></a><i class="fas fa-calendar-alt">

    </i></div><i class="fas fa-calendar-alt">

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" >

        <i class="fas fa-pencil-alt"></i></a><i class="fas fa-pencil-alt">

    </i></div><i class="fas fa-pencil-alt">

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" >

        <i class="fas fa-trash-alt"></i></a><i class="fas fa-trash-alt">

    </i></div><i class="fas fa-trash-alt">

</i></i></i></td>

As we can see in the original template there are icons wrapped in anchors, previous version rendered the template ok, but new version scrambles this tags…

I have also been playing in the Dojo and this seems to be the case.

Regards….

Test Environment:

In the latest version of Kendo UI, various input controls like the NumericTextBox or the ColorPicker now consist of an input field and a button control (used for increasing/decreasing the value or opening the dropdown).

The border-radius for those widgets can be controlled by setting the "rounded" option. At the same time, when using SASS themes, a button's default border-radius might be set using the $kendo-button-border-radius variable. The buttons inside e.g. a NumericTextBox do not override the theme's border-radius which leads to an outcome like this:

Widgets that use Buttons internally (and therefore offer no way of overriding the button's border-radius by setting its "rounded" option manually) should override the default styles.

Unfortunately, I could not reproduce the behavior in a DOJO, because I cannot transpile SASS themes there.

The Kendo UI Toolbar supports keyboard navigation between its items either via TAB/SHIFT+TAB or the RIGHT and LEFT arrow keys (documented here). However, there are some issues:

• While the arrow keys cycle endlessly, the user needs to be able the "escape" this cycle when using TAB, otherwise parts of the page would be inaccessible by keyboard. This "breakout" does not work when navigating backwards (SHIFT+TAB) in some scenarios as this DOJO demonstrates. Also, when focusing "After" and pressing SHIFT+TAB, the focus jumps to the splitButton instead of the overflow anchor which is inconsistent with the way TAB alone works.
• When the last visible (not-overflown) item is a separator after a splitButton, the overflow anchor is not focusable via TAB at all. This can be witnessed in this DOJO. However, when combining the items differently, everything seems to work fine.

Hi

I found bug into the Items of Tab component.

When you create Tab and write 3 TabItems for it, all of the component are correct but when you want create other tab into the first or second part of TabItem with 2 tabitems, you will expect to see one main Tab with 3 TabItems and other Tab with 2 Tabitems into the first tabItem of first Tab. But you will see one Tab with 5 Tabitems So main Tab merge all of TabItems with together.

<Tab id="mainTab">
    <TabItem id="item1">
          <Tab id="childTab">
               <TabItem id="childItem1">
                    Content 1
                </TabItem>
                  <TabItem id="childItem2">
                    Content 2
                </TabItem>
           </Tab>
     </TabItem>
     <TabItem id="item2">
             Content 2
     </TabItem>
     <TabItem id="item3">
             Content 3
      </TabItem>
</Tab>

Thanks for solving this problem or for guiding me.

Requesting a modification to any component that uses k-animation-container.

Some components have this capability:

popup: {
    appendTo: $("SOME ID")
}

This gives us the ability to modify CSS for a single/particular popup. Please add this ability to all relevant components.

Or any other method to modify the styling of a particular dropdown. In some cases, there's an ID that's added but is removed for some reason when adding a certain configuration.

Personally, I much prefer image buttons over text buttons in the grid just to keep bulk down especially when you have a wide grid or a number of custom command buttons with long text.

To do this at present requires some fancy css styling in the grid databound event.

I would like to see more configuration options for grid commands to allow for ....

- Built-in commands (Edit, Delete, etc) and custom commands to be image only
- Built-in commands and custom commands to have a "tooltip" option

Currently there is now implementation to support Guid data types. There is a workaround to use parameter mapping but this is not working when using custom methods for read\update... methods. I am heavily using web.ai driven odata endpoints and therefore I need custom transport methods and I am not able to filter Guids because auf these limitations.

In SSAS world you can often see mega cubes with many measures and dimensions. Currently Kendo pivot grid configurator does not show measure groups and therefore there is no way to filter dimensions and filters that belong to a specific measure group.

We are using the functionality included with the grid (mvc and .net core) to save and set filters, sorts and groupbys.  Where the functionality fails is if the grid or columns change in any way (including toolbars).  the getoptions() and setoptions() is a snapshot in time and is not very adaptive.  Our users had 1000's of saved grids and was really not allowing us to change the grid data or columns or even change the default order of the columns.  What we ended up doing to allow the saved grids to work and the developers to have the freedom to change the grids was:

1.  Getting the grid that is passed down to the screen and saving it for a clear functionality (and knowing what the default was supposed to be).

2.  Looking at the sort, groupby and filter subcomponents of the saved grid objects by column and looking for a column match in the grid that was passed to the screen.

3.  If a column in the saved grid does not exist, do not apply those filters, sorts and groupby's and alert the user

4.  Only apply/change the filters, sorts and groupbys via a setOptions() on the grid that is passed down as opposed to a set of the entire object.

6.  If a column is added to the grid alert the user that the column is added

7.  If the grid has changed, use a getOptions() to resave the users selections with the modifications above

8.  Load the data 

We have javascript that does the column compare, with differences in the grid if your developers would like to see how we solved this issue. 

New edit mode:  When events are retrieved, those models should always be as lightweight as possible (id, start, end, title), and not include all the other properties required to edit an event.

If you have hundreds of events with lots of properties, your control does not scale well.  When you then edit one of these lightweight events, it should make an ajax request to go fetch the "full" model used to populate the edit popup window.  For the create, it may not have to make an ajax request, but the "full" schema needs to be defined still, so it has a model to bind, and it would be nice to have a way to dynamically specify that schema, in case you have different event model types.  In my case, I have three different types of appointments the user can create/edit.  Ideally, these "full" models would either get sent via ajax when the popup is closed, or when the datasource is synced, they get trimmed down to the lightweight version.  Hopefully this all makes sense...it's all about having tiny models for speed, but larger models for editing.  Anyone that has used your control to show tons of appointments (especially with many properties each) will likely get where I am going with this.

We need to be able to define models with complex/nested fields

```
var Book = kendo.Data.Model.define({
    id: 'id',
    field: {
        id: { type: 'string'},
        title: { type: 'string'},
        author: {
            firstName: { type: 'string'},
            lastName: { type: 'string'},        
        }
    }
});

We would also benefit of fields of type kendo.data.Model and [kendo.data.Model] (arrays of items derived from kendo.data.Model) like mongoose Documents, SubDocuments and Arrays of SubDocuments. 

DataSources are simply arrays of such models and do not need to be flat tables.

Grids should not be an issue: they could ignore all complex fields and arrays and rely on calculated fields at the root to flatten the Model.

Add full support for syncing of changes made to the HierarchicalDataSource in a TreeView and Grid. Currently, sync() does not perform the correct sequence of CRUD operations that represent the changes made to the data source or control.

When a template is declaratively bound in the markup there is currently no way to change it.


In order to make our app changeable by the owners of the data.  We're trying to make everything somewhat generic.  So Ajax call happens, they can provide us with the data and template to use.

However with MVVM there isn't any way for us to actually USE that template.


Steve

Add format configuration for Pivot schema rows and columns. Like aggregates config.

Hi Team,

We recently ran security scan on our web application which using "https://kendo.cdn.telerik.com/2020.2.513" Version.

and we encountered one scenario where Cross Site script executed even though we implemented encode and decode.

Scenari: User opens editor -> Clicks Insert Link Option.

We filled URL, Text inputs and for Tooltip fields we input Cross Site Script i.e (">">">"><script>alert(document.cookie);</script>)

and we clicked INSERT.

Basically the Tooltip field will break the anchor tag title parameter and script will execute.

Though we have implemented HTML encode and Decode we still experiencing this alert popup with cookie data while encode and Save and also Decode and Show.

OR
Please let us know.

How to restrict user to input only Alphanumeric Values into the fields "Text", and "ToolTip" when user clicks "Insert Link" option on Kendo tool Editor (CK Editor).