This is an error that took us an hour to figure out.
We are using the right-arrow icon as part of the content within a collapsible header to represent a state transition. (See image)
We found that the expand/collapse icon did not appear.
Further investigation reveals that if the header content contains a span with a class matching the regular expression k-i-arrow.* then the expand/collapse icon doesn't work. It could contain anything else, it was just that one class pattern that threw it.
See this example. https://dojo.telerik.com/EwAsaKAf/3
I also posted a forum message here: https://www.telerik.com/forums/expand-collapse-arrow-fails-to-appear-if-a-class-matching-a-certain-pattern-appears-anywhere-in-the-header
This is clearly a bug, and one that I suspect can be fixed easily.
I'm wondering if it is possible to create a feature to partially format a cell value from the exported Excel?
For example, I have a string like "Payment Terms: Please pay the full amount..." I only want bold text on "Payment Terms:".
<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));
}
} );
} );
The controller is returning the HtmlEncoded contents of a text file that the server reads in from the local operating system on the server, and I would like to display that information in a window or editor such that there is a left hand 'gutter' displaying line numbers and the file content has vertical and horizontal scroll bars. The line numbers would scroll-y with the content, but should be fixed with respect to scroll-x.
A good example would be
- the code panel in the Sources tab in Chrome developer tools, or
- http://jspro.brothercake.com/code-examples/principle5.html, or
- http://alan.blog-city.com/jquerylinedtextarea.htm (not my first choice though)
This dojo demonstrates a close solution I made using Window.
https://dojo.telerik.com/@RichardAD/IJuLeyOv
The 'gutter' is not locked (or fixed) though. After many iterations I though of the Editor component and how it might already have line numbers built into it, and I could use it in a read-only manner to display the text file contents with line-numbers.
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
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?
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.
Provide an option that allows encrypting each chunk of data that is being sent by the Upload.
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,
};
When a text with background color set is made bold and copy/pasted, the background color is not being preserved.
The issue can be reproduced on the following Dojo example.
Steps to reproduce:
When showOn assumes its default value(to work with hold event on touch devices), the ContextMenu cannot be displayed by tapping and holding over the target elements.
The iсsue can be reproduced with the ContextMenu Demo.
In the latest Kendo UI commercial zip, there is a file typescript/kendo.all.d.ts.
In the Grid class, a property is missing : the dataItems function.
You should add the bold line :
(...)
dataItem(row: JQuery): kendo.data.ObservableObject;
dataItems(): kendo.data.ObservableArray;
destroy(): void;
(...)
Export to PDF shows the header commands like "Export to PDF", etc. These should be configurable to not be displayed.
Similarly, using a .PdfExport event to hide and show the command columns is functional but should be included as a property to avoid the flashing that the hide/show does to a large element.
Your demo site is broken.
https://demos.telerik.com/kendo-ui/multicolumncombobox/index
Binding the map layers to a SignalR Core datasource does not work. A runable project can be found in Ticket ID: 1401776
The basic configuration is: