After applying filter or page number, the table content gets changed but the screen reader didn't inform about the same.

Repro-Steps:

I see this most often in the All Day slot of the Timeline view. I do not believe it is isolated to just that though. Here's using the native code:

Here's the same page with the code fixed:

Please note that two events are covered up: recur3 and an event that is NOT an all day event starting at 2pm. That's what the gap is. So yes, this gap is correct. Also note: In the first window I can press F12 to open the inspector, and manually delete the event elements which reveal the missing ones underneath. They are overlaid on top of each other.

After some debugging, here is the fix. The file, version, method, and line numbers are all here for you. The fix is highlighted on line 2855. The highlighted "start" should be "end".

Refresh the grid with a function. I now do a queryselector to find and click the refresh button that i only added so i can refresh the grid with javascript. I'm using an array (global scope) to store data.

The grid.refresh() didn't work, probably because i don't use transport. I have tried all the solutions on telerik and stackoverflow websites.

The data in the array gets manipulated outside of the kendo grid. document.queryselector(".k-pager-refresh").click() option works , but there has got to be a better way to do this.

P.s. deleting and rebuilding the grid with the new data gives bugs with grouping the data by column header, so that isn't an option.

Diagram shapes get converted into SVG elements such as Path, Text, Image, or group (g) tags. These tags support the primary HTML event handlers (such as on click) and other attributes. It becomes essential to add a hiddle sibling with identification to work around this limitation.

var fooText = new KD.TextBlock({
    x: fooX,
    y: fooY,
    text: textFromDb,
    id: uniqueIdBasedOnDataFromDb, // This ID (or another property "domId") should become the Id in the HTML
    onclick: someMethod,
    customAttributeA: valueAFromDb,
    customAttributeB: valueBFromDb});

barGroup.append(fooText);

I have a number of DataSource items in the event editor template. They are small JSON objects and it would be dumb to read them from the server each time. They do not change and are part of the page load. You can see here I am just serializing them into the page itself:

This works 9 out of 10 times. But sometimes the dataset is empty. Which is crazy because I am always filling it. I managed to find a work around on the event edit event that gets called but this seems strange to do. Not sure if there is a true bug here or not. Feels like it because this code should not have been needed:

Hi Support Team,

Would like to request for the feature below:

• Able to use arrow keys to select formula. Currently only support using mouse to click on the formula.

• Good to have system guide/prompt on how to use formula, similar to Excel

• Upon error, erroneous formula should not be cleared after clicking "OK" - For ease of editing

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.

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