For example. Consider table with 2 columns. - Task (limited number of possible tasks type) - Description (free text descriptions) I would like to have table with multi-check on Task column and row filtering on Description column.
Hi Kendo Team,
I am getting this error when trying to open a pdf from Azure Blob using kendoPDFViewer. (Error: has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.)
I use token-based authentication by SSL token included to the image/pdf URLs and It works fine for image viewing using kendoImageEditor.
My code is simple as follows:
this.viewer = $("#pdfViewer").kendoPDFViewer({
pdfjsProcessing: {
file: pdfUrl,
},
width: "100%",
}).data("kendoPDFViewer");
Could you please let me know how to fix this issue?
Or do I need to use dplProcessing with an Authorization token
Hi Keno Team,
I am getting this CORS error when trying to open a pdf file from an Azure blob using kendoPDFViewer. (Error: ' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. )
I have an SSL token included to pdf/image URLs and work fine for image viewing with kendoImageEditor.
My code is simple as follows
this.viewer = $("#pdfViewer").kendoPDFViewer({
pdfjsProcessing: {
file: pdfUrl,
},
width: "100%",
}).data("kendoPDFViewer");
Could you please let me know how to fix this issue
Hi,
I updated my project to Kendo UI for jQuery 2020.3.1021 but then all Grids stopped working on mobile or tablet devices. When downgrading to 2020.3.930 grids works fine. Also tried it with 2020.3.1028 but same issue.
I have tested it on iPad, iPad Pro, Samsung S10. Same issue with Chrome/Edge Chromium and emulate a mobile/tablet device.
In the browser console you can see the javascript error: "Cannot read property 'rows' of null".
Reproduction of the problem:
- Go to https://demos.telerik.com/kendo-ui/grid/index
- Hit F12 top open the Developer toolbar
- Click on "Toogle device toolbar" (CTRL + SHIFT + M)
- Choose any device, ex: iPad, iPhone
- Reload page to make the changes take effect
- Click on "Run live demo"
- Grid not loading!!
- Console is showing a JavaScript error: "Cannot read property 'rows' of null"
We have a panel bar in a fixed size container. The trouble is that when you scroll using the arrow keys, the active item does not come into view and you continue to scroll until you come back to the top.
Please see this dojo. By selecting the panel bar and pressing the down arrow key a number of times you can scroll out of the container without knowing what item has focus.
Is there anyway to get the active item within the panel bar to be visible when you scroll to an item below (or above) the confines of the container?
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.
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.