I am trying to use the Export to Excel provided from Kendo Grid similar to here - https://demos.telerik.com/kendo-ui/grid/excel-export

It works on the browser, but is restricted when I try from a sandbox mode like an iframe integrated to another application. One way to overcome this is to do the export in a new focused tab. I saw the "proxyTarget"  is a property in PDF export (https://www.telerik.com/forums/export-an-html-to-pdf-and-open-it-in-another-tab-or-new-browser) but not in Excel, is there any workaround for this use case?

Hi,

I was using the slide-in transition suggested here(https://docs.telerik.com/kendo-ui/controls/layout/window/how-to/window-as-sliding-pane#use-windows-as-sliding-panes) to change the existing windows to slide-in panes.

 

the example given in the link works perfectly for the latest version of kendo.(KENDO UI 2021-R1-SP1)

https://dojo.telerik.com/ODAwIMef

 

but if we change the version in the same dojo example to (KENDO UI 2020-R3-SP2), it doesnt work as expected, it doesnt slide-in, it doesnt show the close icon etc.

 

can you please help with this?

On the documentation of the "close" event, you say that the the event is raised AFTER the animation is over. 

"// the closing animation has finished"

So, it's too late to stop it.

But, in fact, it occurs "before", and we can call e.preventDefault(), to abort it.

https://docs.telerik.com/kendo-ui/api/javascript/ui/window/events/close

 

hello 

i try load view in kendowindow and it works on development but when deploy project on the server and then open kendowindow with view in content in production on iis, first open empty kendowindow and then as soon as possible whole browser became white and empty, even view content is just a div with short text.

 

this is my code

 

var window = $("#" + dialogName).kendoWindow({
                content: {
                    url: "Security/Users",
                    dataType: "html"
                },
                title: name,
                position: {
                    top: topOffset,
                    left:leftOffset
                },
                //width: 700,
                //height: 400,
                size: dialogSize,
                actions: ["Refresh", "Minimize", "Maximize", "Close"],
                animation: {
                    open: {
                        effects: "fade:in"
                    },
                    close: {
                        effects: "fade:out"
                    }
                },
                modal: false,
                close: function (e) {
                   
                },
                open: function (e) {
                    
                    e.preventDefault();
                    
                    closeDrawer();
                   
                }

            }).open().center();

 

first and second images are from development environment and everything is ok, third image is from production environment and has bug.

Hi,

Is it possible to close the window when the user clicks somewhere outside the window (which is not modal)?

Thanks,
David A.

Hi,

 

On my page i have two kendo dialog window and both are having the same div class and trying to close the window using following code

 

window.parent.$('.k-window-content.k-content.k-window-iframecontent').data('kendoWindow').close();

 

But above code only close the first window not the second one. I want to close the second window.

NOTE:window.parent.$('.k-window-content.k-content.k-window-iframecontent').length;   

above code returns

returns 2.

 

 

How can i close the second window instead of first one?

 

Kindly suggest.

Hello,

I have kendo window that pops up at the click of a link as shown below. Inside the window I have an input box which when changed gets data from the server
and displays the same on the kendo grid. The problem is, once I close the which and I re-open it, the previous data still shows. How can I clear the
currently loaded data on the close of the Kendo window?

Below is my Home/Index.vbhtml and Application/Index.vbhtml (which opens in a window as a partial view)

Regards.

Home/Index.vbhtml

<a href="#" onclick='openWindow()'>Open Window</a>

<div id="Window">@Html.Partial("~/Views/Application/Index.vbhtml")</div>

<script>
    function openWindow() {
        $("#Window").kendoWindow({
            actions: ["Close"],
            width: 1290,
            height: 580,
            modal: true,
            title: "Loan Application",
            visible: false
        }).data("kendoWindow").center();
        $("#Window").data("kendoWindow").open();
    };
</script>


Application/Index.vbhtml

<input autocomplete="off" id="TxtUserID" />

<div id="grid"></div>

<script>
    $(function () {
        $('#TxtUserID').change(function () {
            LoanDataGrid()
        })
    });
</script>

<script>
    function LoanDataGrid() {
        var UserID = $("#TxtUserID").val();

        $("#grid").kendoGrid({
            dataSource: {
                     transport: {
                        read: {
                            data: { UserID: UserID },
                            dataType: "json",
                            url: '@Url.Action("Grid", "Application")',
                        }
                    },
                    schema: {
                        model: {
                            fields: {
                                Id: { type: "string" },
                                Name: { type: "string" },
                                Age: { type: "string" }
                            }
                        }
                },
                pageSize: 1
            },
            toolbar: ["search"],
            height: 205,
            scrollable: true,
            persistSelection: true,
            columns: [
                { field: "Id", title: "Id", width: "50px" },
                { field: "Name", title: "Name" },
                { field: "Age", title: "Age" },
            ]
        });
    };
</script>

Is z-index for a Window always 10003

Hi

I create a window, which I would like to destroy after closing, but I cannot get it to work.

I have found various hints in the forum, but if I implement them, the window keeps coming back after refreshing the screen (ie performing a feedback).

The code which I use to initialize the window is pretty standard:

		<script type="text/javascript">
	 $(document).ready(function () {
		$('#windows').css('z-index', 9000);
		$("#Payment").kendoWindow({
			actions: [ "Maximize", "Minimize", "Close"],
			draggable: true,
			height: "600px",
			modal: false,
			resizable: true,
			title: "<%=ViewData("paymentenginetext")%><%=  ViewData("invoicenr")%>",
			width: "810px"
		}); 
		var kendoWindow = $("#Payment").data("kendoWindow");
        kendoWindow.center();
	});
	</script>

The way to destroy the window is to perform the function destroy at deactivation, but where and how do I put this in my code?

KR

Henk Jelt Hoving 

Hello,

I am using multiple instances of a kendo window in a vue component where user can click on any item to get more details in a kendo window. The user can view multiple item details at a time. I need to implement a feature where user can Minimize, Restore, Drag or Close actions on any of the open window.

 

To save screen space I need the ability to dock the windows to either on bottom or top corner of the screen when minimize event is triggered and on restore it should move back to its original position, I expect the window to move similar to code in https://github.com/ROMB/jquery-dialogextend in kendo window widget.

Example: http://romb.github.io/jquery-dialogextend/example.html

Please can you help 

Kind regards

 

 

Hammy Babar