Hi,

I am facing an issue with Kendo grid ,i.e. Having more than one filter present in a grid and then deleting any one filter entry and clicking FILTER (or just pressing ENTER on keyboard) clears ALL filters.

In my Kendo grid , when I apply a filter to 2 columns, first I apply filter to numeric column which results in no value and, after that I applies the filter to a string column combined with numeric column which also results to no value, Nothing is displayed. But when I remove the value from textbox of numeric column and enter filter, no data is being displayed as string column filter is there but in case I remove the value from textbox of string column and enter filter , numeric column filter also gets removed. I also checked the Kendo functionality , but didn't find any solution for this problem.

Here's the code for Kendo Grid Filter which is causing the above issue.

    $scope.DemoGrid = {
        columns: [
            { field: 'ID', title: "ID", template: "<span><a href='' class='link-default' ng-click='getDetails(\"#=ID#\")'>#=ID#</a></span>" }, 
            { field: 'Type', filterable: false, title: "Type" },
            { field: 'Name', title: "Name", template: "<span>#=Name# </span>" },
            {
                field: 'Date', title: "Date", type: "date", format: "{0:dd-MMM-yyyy}", parseFormats: ["dd/MM/yyyy"],
                filterable: {
                    ui: function (element) {
                        element.kendoDatePicker({
                            format: "dd-MMM-yyyy",
                            parseFormats: ["dd/MM/yyyy"]
                        });
                    }
                }
            }
            ,
            { field: '', title: 'Action', template: "<span><a href=\'" + DemoDownloadApi + "?id=#=DownloadId#\' role='button' class='btn btn-blue-primary'>Download</a></a></span>" },
            { field: "DownloadId", hidden: true, sortable: false },
        ],

        pageable: {
            buttonCount: 5,
            pageSizes: [10, 20, 50, 100, 'All'],
            input: true,
            //refresh: false,
            messages: {
                display: Msg1,
                empty: Msg2
            }
        },
        sortable: true,
        dataSource: DemoDataSource,
        autoBind: false,
        filterable: true,
        scrollable: false,
        resizable: true,

    };

Hi,

We are using the progress functionality across the applications, also its inbuilt in Grids/Tree View or most of the Kendo controls when data is loading. Now we are hit with an Accessibility issue as stated below in JAWS 2019.

"Issue: There is a loading screen that appears throughout the application. Sighted users are able to see the loading indicator, however, screen reader users should also be aware of the loading screen."

this is what we use explicitly in some places other than the inbuilt loading indicator.

// show loading indicator
        kendo.ui.progress($("#divCriteria"), true);

So is there any settings available that we can make this screen readable when the progress bar appears? meaning if we setup globally once place it takes care across everywhere? Including Grids / Treeview etc.

I read setting this role=” aria-busy=” will do the job, but this functionality already have the kendo scripts?

<div role="alert" aria-busy="alert"> Data is loading... </div>

Appreciate a quick response or solution for this...

Thanks

Sree

Provide an option that allows encrypting each chunk of data that is being sent by the Upload.

It would be useful if the option element attributes can be used in the MultiSelect's templates. For example:

`<select ... ><option data-color="#f00" value="red">Red Stuff</option>`

I want to use the `data-color` attribute from the option element in the MultiSelect's template.

I use a timebar + sparklines in all our dashboards. 

http://demos.telerik.com/silverlight/#TimeBar/FirstLook 
http://demos.telerik.com/silverlight/#Sparklines/Gallery

would be great to see an html5 version of the executive dashboard

Example: https://dojo.telerik.com/uqajAsas

Check the "foo" node. The change event fires for every checked node. It would be better if it fires a single time after all nodes have been checked.

On line 157 of kendo.aspnetmvc.js:

return 'datetime\'' + kendo.format('{0:yyyy-MM-ddTHH-mm-ss}', value) + '\'';

As far as I know this format is non compliant with any standard format.
Could this please be compliant with ISO-8601 standard so that its more universal for APIs to be able to handle?

Look at the emerging WASM projects such as Blazor or Ooui.  The obvious path seems to be to have a strong HTML based suite, i.e Kendo, ported to Blazor.  However another option would be to improve the Xamarin forms components to have comparable functionality to their desktop counterpartys so they can be used in LOB applications under Ooui.  The current Xamarin components are too mobile centric.  A third option, which admittedly seems like a bit of a long shot at present, would be to take Moonlight, strip out the plugin stuff, strip out all but the layout code, and redo that to write to an HTML Canvas.  Now that's probably outside your scope although in my opinion its the most attractive of the 3 options.  In summary I suggest you look at providing a full featured UI component suite that runs under wasm.

Dojo example.

1. Resize the browser window so that its height is smaller than the DropDownTree's popup height.
2. Click the DropDownTree to open its popup.
3. The popup opens and then auto-closes

Buttons that works like checkbox. First click it is on an highlighted second click it is off

<div class="filterField">
    <label for="filterTags">Tags</label><br/>
    <div class="filterFieldBody">
        <input id="filterTags"/>
    </div>
</div>
 
$( document ).ready( function ()
{
$( "#filterTags" ).kendoMultiSelect( {
    placeholder: "Select Tag(s)",
    autoClose: false,
    dataTextField: "text",
    dataValueField: "value",
    autoBind: false,
    dataSource: [
        { text: 'Summery Love Campaign', value: '1' },
        { text: 'Melbourne Cup', value: '2' },
        { text: '2018 Formals', value: '3' },
        { text: '2018 Schoolies Dance Club', value: '4' },
        { text: '2018 Schoolies Beach Fun', value: '5' },
        { text: 'Bridesmaids', value: '6' },
        { text: 'Wedding', value: '7' }
    ],
    //value: [], without value set to an empty array kendo ui assumes value:[''] but with an array count of 0
    // which causes all kinds of issues most especially when deleting
    change: function ( e )
    {
      tagIds = this.value();
      alert(JSON.stringify(tagIds));
    }
} );

} );
                    

Non-date values don't trigger change events...so I can't remove\fix non-date values

If you're gonna do that, then please at least make it so it ONLY accepts dates, like wipe the text if some non-date value is in there.

What you're doing to me is making me need to write my own blur\change for every date picker I use...ever...in anything


REF: http://www.kendoui.com/forums/kendo-ui-web/date-time-pickers/change-event-bug.aspx#GYb05l5uvUG-Bq_duYcF8Q

You've already got two "Material" themes, but they don't really seem to match the Google Material Design guidelines (http://www.google.com/design/spec/material-design/introduction.html). Would it be possible to add a new theme that accurately tracks the Material Design guidelines?

Reopen from http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/10600184-grid-in-combobox
Details about this widget were described in user comments.

Automatically add page breaks to PDF export, currently if exporting contents with very long contents it exports as one single long page, the page break should happen based on the Page size for example "A4"

That would be great if you create UI element Ribbon. With automatic buttons scaling on window resize.

A TreeView in ComboBox would be most helpful as both a stand-alone control and when editing within the Grid.

 something like this: http://www.brad-smith.info/blog/archives/193 (example from .NET Windows forms world)

* Used for relative small tree data structure.
* User may select one (many) item(s), without _loosing context_ (no interrupting dialog box, 'flat' interface).
* User may accept selection by click on item, or pressing 'enter'.
* User may cancel (hide) popup when click outside control/popup (ie in another control, that received focus) or pressing escape - like in combobox/dropdown.
* It will be nice if user can select items using keyboard arrows.
* After opening popup or selecting item, widget still has focus
* When user types in combo (with open popup), data should be filtered.
* No additional 'ok' or 'cancel' buttons to accept/dismiss selection.

I have a bar chart for which I wish to show the pointer cursor when hovering over the bars on the chart.  When moving off the bars in the chart the cursor should return to the standard arrow pointer.  I noticed that the cursor turned into the text cursor when hovering over the axis labels (left, right, and bottom) and on the legend.  So in addition to the above I would like the cursor to remain the standard cursor (arrow) when hovering over the axis labels and legend (since you cannot edit these).  I would also like the cursor to switch to the pointer cursor when hovering over the x-axis (bottom) labels.  

The reason for showing the pointer cursor for the bars and the x-axis label is to clue the user in that he can click on this area to show additional "driill-down" chart(s) when the particular bar or x-axis label is clicked. 

add treeSelect   example:http://www.miniui.com/demo/treeselect/lazy.html