There is a need for configuring how the Breadcrumb items will be collapsed.
- First and last items will be always visible.
- The component will allow a min-width option to be set.
- The component will provide a collapseMode property with the following option 'auto' | 'wrap' | 'none'
- 'auto' - if the component does not fit inside its container, collapse left-most visible item which is not the first or last item.
- 'wrap' - if the component does not fit inside its container, wrap its contents on two or more lines.
- 'none' - do nothing if the component does not fit inside its container. This would be useful if some kind of scrolling needs to be implemented by the developer.
- 'auto' - if the component does not fit inside its container, collapse left-most visible item which is not the first or last item.
Hi Team,
I am using the Kendo UI version [kendo/2020.1.114] and CSS - [kendo.default-v2.min] for adaptive rendering. I am facing issue to use Kendo Grid Adaptive Rendering feature in our Application as I am using KendoComboBox to bind String type fields and KendoNumericTextBox for Decimal and Integer type values. These are all working fine in WEB view but not working in Mobile View. All the kendo input controls are converted into normal html controls in Mobile Mode and break the KendoComboBox and NumericTextBox by default feature in Kendo Grid Filter and numeric textboxes also allowing to input string values. So Please look into and help us to resolve this problem.
Thanks
Hi.
I make kendo grid which has pageable: {pageSizes: true, pageSize: 10} options.
After $("#grid").data("kendoGrid").setDataSource(dataSource), pageSize is changed NaN.
even setOptions() is not working.
$("#grid").data("kendoGrid").setOptions({
pageable: {
pageSizes: true,
pageSize: 10,
}
});
This is sample code.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
</head>
<body>
<div id="grid"></div>
<script>
let dataSource =new kendo.data.DataSource({data:[{ productName: "Tea", category: "Beverages" }]});
$("#grid").kendoGrid({
columns: [
{ field: "productName" },
{ field: "category" }
],
dataSource: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
],
pageable: {
pageSizes: true,
pageSize: 10,
},
});
$("#grid").data("kendoGrid").setDataSource(dataSource);
$("#grid").data("kendoGrid").setOptions({
pageable: {
pageSizes: true,
pageSize: 10,
}
});
</script>
</body>
</html>
The grid dataBinding event exposes useful information like the action, based on which I can implement my logic.
The treeList equivalent only has the sender, making it virtually useless.
I was trying to use negation operator in a binding using MVVM, just like angular does it, for example I am going to use, you could say why don't use "invisible", it could work on this example, but we have some others custom bindings, or some other scenarios were we have to create multiple properties to handle that, which is a pain. EX <div id="example-1" data-bind="visible: !IsNotAdmin"></div> <div id="example-1" data-bind="customBinding: !IsAdmin"></div> So, are you supporting the negation operator on bindings or are you planning to do it?
The Kendo Grid has select() method, but is missing unselect() method. I believe that it will be a good and useful addition to the grid.
The commonly understood semantics for radio buttons is that the selected radio button is filled on the inside (e.g. with a foreground color). The new styling does not fill the inside, and as such is a bit more confusing. I had to do a double-take at first, even though I had developed the screen I was looking at. It's important for a design to use standard and shared understandings that immediately communicate with the user.
Change the style back to a filled in circle, and for the Bootstrap 3 theme in particular please change it back to match Bootstrap 3.
With Excel when you use a custom number format of #,##0.00 and you enter (10) into the cell it will be displayed as -10. With the Spreadsheet control the same example yields (10). How can we get the same behavior as Excel with the Spreadsheet control?
dojo example: https://dojo.telerik.com/@843335b6-427b-4127-af09-fbe9957bfec6/uGaVAVat
Thanks,
Ron
The event handling between DatePicker and DateTimePicker is inconsistent.
If I manually type a date into DatePicker and tab away from the input, the change event is triggered
If I do the same in DateTimePicker, no event is triggered
They should behave the same, of course DateTimePicker should also trigger whether or not the user types in a time
Hello,
I have an 8mb PDF files that I need to be able to search, however when I click on the search tool the entire page starts responding.
This issue happens in your hosted demo. It seems to come as a result of images in the PDF.
What do I need to do to have it work properly?
Thanks,
Greg
Inserting a column in between columns that have been populated from a DataSource on Spreadsheet Sheet
When the data values ​​are all negative, if you create a line graph using kendo chart function, Autoscale on the Y axis is not applied properly. Please check if there is any possible solution.
The two attached figures are normally auto scaled, but the charts that combine the two graphs are not auotoscale normal.
Chart1
Chart2
issue chart
ViewModel (TypeScript/Aurelia):Hi Team
We found a bug when we try to dynamically include a title at the KendoUI - Window component.
When we visit the website, all is correctly(title.png) displayed. After an reload of the website (F5 or the refresh button) the title disappers(notitle.png)
Regrets Thomas
//private variable
private _helpWindowTitle: string;
constructor(private _taskQueue: TaskQueue) {
//set localization
this._i18n.setLocale('de')
.then(() => {
this._helpWindowTitle = this._i18n.tr("window.title");
});
}View (HTML):
<div id="helpwindow" ak-window="k-width: 600px;
k-visible.bind: false;
k-title.two-way: _helpWindowTitle;
k-actions.bind: _helpActions;
k-widget.bind: _helpwindow">
<form class="d-flex-center flex-column" role="form" ref="form" submit.delegate="tryHelpRequest()">
<div class="form-group d-flex-center m-4">
<label class="white-space-nowrap m-0 mr-2"><span t="window.optionlabel"></span></label>
<ak-drop-down-list k-auto-bind.bind="false"
k-option-label="-"
k-data-text-field="name"
k-data-value-field="id"
k-data-source.bind="_helpDatasource"
k-value.two-way="_selectedHelp"
view-model.ref="_helpOptionDropdown"
k-on-ready.delegate="onReady($event.detail)"
style="width: 300px;">
</ak-drop-down-list>
</div>
<textarea ak-rich-editor="k-widget.two-way: _helpMessageEditor"
style="height:200px"
k-widget.two-way="editor"></textarea>
<button ak-button class="btn-arec-dark p-2 mt-2" submit-form.bind="form"><i class="fa fa-paper-plane mr-2"></i><span t="window.submittext"></span></button>
</form>
</div>
Hi Team
We develop under Aurelia Framework and use KendoUI components.
It would be nice if there will be an update of the "Aurelia Kendo UI Components Catalog".
By complementing components used by "Jquery components catalog" with examples for Aurelia users that uses Typescript.
Mostly it is hard to find good tutorials for Aurelia + KendoUI users.
Best regards,
Thomas
Hi,
The API reference of the kendo.mobile.ui.Collapsible is incomplete. For instance: I'm missing the configuration property "collapseIcon".
The "iconPosition" configuration property has no effect. The examples do not show any icons (Chrome):
I've setup a new ASP.NET Core project with Kendo UI Core. One of the requirements for this site is to load the scripts/styles from CDN except when the internet is down, in which case it should load from local files. I downloaded a copy of Kendo UI Core 2019.3.1023 and extracted it into the project. I have an ASP.NET Core Tag Helper which handles hashing the local file and using that SRI to load the CDN version.
Here's an example of that generated tag and the fallback:
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css" integrity="sha384-tr4PSEV2CnVkku/o7s0ApjrlIpaxzBOMQTYc8SsPFXXh6ITUZ/SS7t8k8PVUa1Tk" crossorigin="anonymous">
<meta name="x-stylesheet-fallback-test" content="" class="k-widget"><script>!function(a,b,c,d){var e,f=document,g=f.getElementsByTagName("SCRIPT"),h=g[g.length-1].previousElementSibling,i=f.defaultView&&f.defaultView.getComputedStyle?f.defaultView.getComputedStyle(h):h.currentStyle;if(i&&i[a]!==b)for(e=0;e<c.length;e++)f.write('<link href="'+c[e]+'" '+d+"/>")}("box-sizing","content-box",["/lib/kendo-ui-core/styles/kendo.common.min.css"], "rel=\u0022stylesheet\u0022 integrity=\u0022sha384-tr4PSEV2CnVkku/o7s0ApjrlIpaxzBOMQTYc8SsPFXXh6ITUZ/SS7t8k8PVUa1Tk\u0022 crossorigin=\u0022anonymous\u0022 ");</script>When the hash is calculated from the local file, the CDN copy does not match. So far I have only had an issue with two files: kendo.common.min.css and kendo.bootstrap-v4.min.css: both of these files have different headers from the download and CDN versions and appear to be minified differently. It would be great if future versions could be the same so that the hash for a local file matches the hash for the CDN version.
As a side note, it would be really great if you could work with Libman (the Visual Studio CDN downloader tool) to be able to download Kendo UI Core. The only version that exists currently on that system is very old.
Currently when the add() method is called on a DataSource, if the id, as defined in the Model, is included, then the sync method is called, the data is not persisted to the _pristineData object, and neither the Create nor Update transports are called. This has the effect of not persisting the data and so if the cancel button is pushed on an edit screen, the added object is mysteriously dropped. Please see my post on the kendo forums for a more detailed explanation including demos of the issue. http://www.telerik.com/forums/if-id-is-provided-in-add()-sync-does-not-update-_pristinedata-and-create-update-are-not-invoked I would suggest that anytime the add() method is used, it should be considered a 'new' record, or at least when the id provided does not match with any other id currently in the data array. If it matches a record in the data array, run the Update transport, otherwise, run the Create transport. Simply including a value for the id should not remove the record from ever being persisted.