When a ContextMenu is opened for the first time, the animation is not executed. Every consequent open trigger the animation successfully.
The issue can be observed in the following Dojo.
Steps to reproduce:
When the DateInput uses a day-first format, e.g. dd/MM/yyyy, if you try to type in 29/02 the DateInput auto-corrects it to 01/02, which is not intuitive to the user and requires them to go back and fix the date again after typing in a leap year.
The DateInput should allow the user to type in 29/02 until the year portion is not provided.
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.