Questions on Kendo UI for jQuery Forum

3 answers

1.0K+ views

Limitations of Dialog vs a Window

Is there a list somewhere of the items that are not possible with a dialog that would be possible with a window?

...or some sort of decision tree as to when to use a window and when to use a dialog?

Window

answered on 02 Jun 2020

2 answers

133 views

Window maximize on internet explorer 11 not maximized - Bug or function as design

Hi,

I wanted to use the Window functionality and sometime use the maximize method on it. The target browser for the application is IE11. But I have discovered that the maximize of the window does not work in a special case

Here is a demo and the steps to reproduce the bug

https://runner.telerik.io/fullscreen/IPapI/2

1. Open the above demo in IE11

2. Close the kendo window.

3. Resize the browser window so that you have scroll in the demo

4. Refresh the browser

The kendo window is not fully maximized.

Probably the Width of window fully maximized I might get, but why is the Height of window smaller?

Window

answered on 02 Jun 2020

1 answer

246 views

Window Not Opening Right

I'm trying to use the window in multiple spots in a small application I'm building that's using version 2020.2.513 of Kendo UI for Jquery. I've used this many times before and never had these problems. For some reason now when I try and use the window, no matter how I use it, I get an odd behavior. When I first click my button that should open the window, nothing happens visually (using the inspector I can see that it moves my div tag). When I click the button a second time, it'll open the window but then the rest of the screen goes white, the html tag does some weird sizing things that pushes everything on my page up (including the window), and the window is cut off.

Any ideas? I can't share everything but I've attached a screen show of the behavior after the second click and below is the code I'm using.

I'm literally just using a slightly modified version of the ajax example and it still happens:

function loadHelp() {

$("#time-window").kendoWindow({

width: "615px",

title: "Help",

content: "Time-Help.htm",

close: function() {

//do something

}

});

}

Window

answered on 27 May 2020

1 answer

354 views

Close button on Kendo window is incorrectly aligned

The close x on all of my kendo windows is not correctly aligned with the title.

See screenshot of example and computed css at at https://imgur.com/a/unB1XOs

All of my css is loaded here:

<script src="~/lib/jquery/dist/jquery.js"></script>

<script src="https://kendo.cdn.telerik.com/2020.1.406/js/jquery.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.aspnetmvc.min.js"></script>

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />

<link rel="stylesheet" href="~/lib/sweetalert2/dist/sweetalert2.css" />

<link rel="stylesheet" href="~/lib/toastr.js/toastr.min.css" />

<link rel="stylesheet" href="~/lib/kendo-ui/css/web/kendo.common-bootstrap.min.css" />

<link rel="stylesheet" href="~/lib/kendo-ui/css/web/kendo.bootstrap-v4.min.css" />

<link rel="stylesheet" href="~/lib/kendo-ui/css/web/kendo.bootstrap.mobile.min.css" />

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

This is happening with all of my kendo windows, but one example of how i create the example:

@(Html.Kendo().Window()

.Name("FaqWindow")

.Actions(a => a.Close())

.Draggable(true)

.Visible(false)

.Title("FAQ")

.Modal(true)

.Resizable()

.Width(800)

.Height(600)

)

Window

answered on 14 May 2020

7 answers

127 views

Window is misplaced after device rotation

Hello Everyone,

I'm using kendo.ui.Window in my project which is run on mobile,

the window widget default is opened as maximum, it's perfect when the device is vertical,

but when I rotate the device to horizontal, sometimes it work fine, but sometimes the window widget is not full fill the screen, it will display like this

https://drive.google.com/open?id=1Wgl81bXRdFSwtSU5lebVWdNSoiAZajPH

is it possible to solve this problem programmatically?

here is my code:

var myWindow = $('#chart-dialog');

myWindow.kendoWindow({

width: 450,

title: "QC Trend Chart - Test No:",

visible: false,

closable: false,

modal: false,

content: '',

actions: [

"Close"

],

});

Thanks for your help !!

Window

answered on 08 May 2020

3 answers

1.5K+ views

Open kendo window in new browser window/tab

I have a button on a tabstrip which onclick clones the active tab in a new kendoWindow. The problem is, that I need a new browser window, not a Kendo one.
I tried the following:

...

var clonedwin = jq(tab).clone().kendoWindow({

title: title,

actions: ["Close"],

modal: false,

width: "50%",

height: "600px",

visible: true,

draggable: true,

resizable: false,

position: {

top: "10%",

left: "30%"

}

}).data("kendoWindow");

var win = window.open(clonedwin,"_blank","left=200,top=235,width=815,height=470,scrollbars=auto");

...

The result is a new window with the error: "Unable to find web object file '[object Object]'" plus a new KendoWindow with the content from the tab.

Thank you in advance,
Syian

Window

answered on 28 Apr 2020

11 answers

2.8K+ views

Close Window from within External Content

I am creating a window as shown below:

$("#wnd" + uniqueId).kendoWindow({

actions: ["Refresh", "Maximize", "Minimize", "Close"],

draggable: true,

height: Height + "px",

modal: false,

resizable: true,

title: Title,

width: Width + "px",

content: NavURL,

iframe: true

});

But how can I close this window from a button on the content that is on the NavURL?

Window

answered on 24 Apr 2020

1 answer

142 views

Preventing popup from closing after saving

Okay first thing, I'm trying to get this functionality working in our implementation;

https://docs.telerik.com/kendo-ui/knowledge-base/grid-prevent-popup-close-on-edit
https://dojo.telerik.com/UKobIzuN

Using the dojo example linked above, there is a line that does not work in our version.

var editWindow = this.editable.element.data("kendoWindow");

When I try that in ours, it just crashes. For reference, our version looks like this;

$("#scheduler").kendoScheduler({

//bunch of stuff

editable: editable,

edit: function (ePopupEdit) {

//bunch of stuff

var editWindow = this.element.data("kendoWindow");

editWindow.unbind("close");

editWindow.bind("close", onWindowEditClose);

//bunch more stuff

},

save: function (e) {

preventCloseOnSave();

},

)};

What am I doing wrong?

Thanks.

Window

answered on 09 Apr 2020

3 answers

648 views

Use Calc() for Window width, height

Would it be possible to set custom width and height using CSS calc()?

The situation is the following: I have a UI which consists of a main area and a sidebar.

When I open the window I want to be able to center the window within the main area, without covering the sidebar. And in my case, the sidebar having 400px, I would like to be able to set the Kendo Window width: calc(100% - 440px) and add a position left of 20px. In this way I would have control on various types of layouts.

Thanks,

Andy

Window

answered on 11 Mar 2020

2 answers

87 views

kendoWindow containment jumpy

Our application is card based with user driven exact positioning and it works extremely well with one small bug I have duplicated with the latest build in the dojo.

https://dojo.telerik.com/ameFOTij

You can move the top left card around just fine. However, the first time you attempt to drag one of the other cards, it either becomes temporarily invisible or it jumps to another portion of the screen. After that, you can move that same card around without any issues.

Any thoughts on how I could fix this? It was an issue in the previous build as well.

Window