Hi,

I was using jQuery Window Loading Content with AJAX and was able to open multiple Window, however after I updated Kendo UI, I can only open two Window now, is there any problem? Do I need to pay now to use it? I thought Window is a widget then there is no usage limitation on it.

Thank you for answering.

Ming

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

• Some classes were changed in the new js say buttons in the kendo grid.
• Some CSS files are removed. (Assuming it is not compatible with the current version.

After upgrading some of our css are not getting applied. Attaching the screenshots for reference. I'm attaching my sample code.

<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.

1. Two column layout with Drawer widget on left.
2. Open window within visible portion of right column.
3. Window cannot move outside of the visible portion of right column.
4. Window maximizes only to fill the visible portion of the right column.

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:

1. Open the console.
2. Run the program
3. Press the button.
4. Enter "Test" into the Name field.
5. Press submit.
6. The name field in the console is empty.

Expected:

1. The name field in the console is databound to the textbox in the window.
2. The name field should be populated with the value entered into the name textbox.

Thanks,

Graham

This feels like a REALLY stupid question, but why doesn't the following work with the Window component:

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!