Hi support team,
when setting the content using the setOptions method we only see a white window. Why is not loading?
var window = $('#kendo-window')
if(!window.data("kendoWindow")) {
window.kendoWindow({})
}
window.data("kendoWindow").setOptions({
title: title,
content: "../content/web/window/ajax/ajaxContent1.html",
modal: true,
actions: ["maximize","close"],
position: {
top: "10",
left: "10"
},
width: width,
minHeight: 900,
scrollable: true,
animation: {
open: {
effects: "fade:in",
duration: 500
},
close: {
effects: "fade:out",
duration: 500
}
}
})
window.data("kendoWindow").center().open()
Hello,
We have upgraded our Kendo jQuery package. The previous version was 2019.1.220 and our latest version is 2023.3.1114. We observed that
After upgrading some of our css are not getting applied. Attaching the screenshots for reference. I'm attaching my sample code.
Below are the stylesheets I'm using<link href="{{ URL::asset('css/boostrap_v4_alpha.css') }}" rel="stylesheet" type="text/css">
<link href="{{ URL::asset('kendo/styles/material-main.css') }}" rel="stylesheet" type="text/css">
<link href="{{ URL::asset('kendo/styles/font-icons/index.css') }}" rel="stylesheet" type="text/css">
<link href="{{ URL::asset('kendo/styles/bootstrap-main.css') }}" rel="stylesheet" type="text/css">
Hi all,
I built the custom JS of Window widget by command below, the window is working but the upper right corner doesn't show action icons (Pin/Minimize/Maximize/Close).
npx gulp custom -c window
From the screenshot attached, you can see there is still finger cursor when mouse over the upper right corner, if I click it, the browser console shows error below:
Uncaught TypeError: /\bk(-svg)?-i(-\w+)+\b/.exec(...) is null
jQuery 16
viewEmail email_template_log_list.php:124
<anonymous> :1
kendo.custom.js:10130:16
However, there is no any problem if I simply use ./dist/js/kendo.ui.core.min.js instead of ./dist/js/kendo.custom.min.js . Is it a bug or I've missed something?
Hi,
as the title says i'm trying to open an alert on the Select Event of a kendoContextMenu, but the alert is shown only after the Select function is completed, is it possible to show an alert as soon as the user clicks on the ContextMenu option (at the start of the Select Event)?
Below the Select Event of my code:
select: function (e) {
alert("Test Alert"); //This one appears only after that the Select function ends, but i'd want it to appear as soon as the select function starts
//MY CODE
}
Thanks in advance,
- Antonio
i have two html (main.html and submission.html), but when i tried to open a kendo window to window.parent (main.html) and create a kendo dropdownlist from the kendo window and pass datasource to the dropdownlist, but it will have error
main.html
<div><iframe id="iframeContent" src="submission.html"></iframe></div>
submission.html
<script type="text/template">
window.parent.$("<div>").kendoWindow().content("<div id="dropdownlist"></div>").center().open();
window.parent.$("#dropdownlist").kendoDropDownList({
dataSource: [ { id: "1", name: "123" } ],
dataTextField: "name",
dataValueField: "id",
optionLabel: "-- Please Select --"
})
</script>
Hi,
I’m trying to create an MDI type interface with the following behavior.
Are there some examples around that would help or could y’all give some advice on how to do this?
Thanks,
-G
Hello,
I have a non-modal kendo window which can be dragged outside of the viewport. When such window regains focus the whole content of the document body is moved upwards, despite that the body has set CSS property overflow to hidden, width: 100%, height: 100%.
How can this be fixed?
BR
Dušan
Hello,
Please see the following example: https://dojo.telerik.com/UsIQijOG/10
Reproduction steps:
Expected:
Thanks,
Graham
This feels like a REALLY stupid question, but why doesn't the following work with the Window component:
this._window = new kendo.ui.Window($("#kendo-window")[0], {
This above code works fine (it opens the window) with the exception that rather than putting the HTML content into the window, it tries to load content from: "https://{myurl}/%3Cdiv%20style='width:%20250px;%20height:%20250px;%20border:%20dashed%201px%20red;%3E%3C/div%3E?_=1681574731677".
I hope that someone can laugh at me and tell me how to just load client side content without an AJAX call or an iFrame.
Thank you!
As subject says, we load the combobox in a kendo window by demand.
Hence the combobox and window are not visible by default.
I wrote a short function to preselect either the entry with ID -1 if it exists - else I want the first entry to be displayed.
My problem is the dynamic loading of all that - my commands are executed in the databound event of the combobox - but it seems not to work as expected .. when I manually enter the needed command AFTER that kendo window with the combobox is displayed it works to a 'T' but not during regular execution ..
Can you give me some hints ?
onComboBoxDataBound: function (evt) {
var widget = evt.sender;
if (this.dataSource.total() > 0) {
// delete preselection then try to select entry with id -1
$('#modComboBox').data('kendoComboBox').input.select();
$('#modComboBox').data('kendoComboBox').input.val('');
$('#modComboBox').data('kendoComboBox').select(function (data) {
return data.id == -1;
});
// no selection then select first entry
if (widget.select() === -1) { // hint I found in stackoverflow
$('#modComboBox').data('kendoComboBox').select(0);
}
}
},