Kendo window with partial view displays blank window in tablet/phone

[Anamika]

Hello,

I am using Kendo window to Display a partial view. Works fine and Displays good in Desktop Version , but when i run on tablet or phone the window Comes up with nothing inside. But debug Shows it did load partial view file. What could be the Problem any idea?

in view which invokes Kendo window i have
@(Html.Kendo().Window()
.Name("mobilewindow")
.Width(630)
.Height(400)
.Draggable()
.Resizable()
.Actions(actions => actions.Refresh().Close())
.Title("Objekt Auswahl Tablet")
.Visible(false)
.LoadContentFrom("AddObject", "Objekt")

)
On button click i load partial view
function TestClick(e) {

var direction = "Objekt/AddObject";
var selObject = $('input[name="txtObjectID"]').val();
var wnd = $("\\#mobilewindow").data("kendoWindow");
if (wnd) {
wnd.refresh({
url: direction,
data: { strObjectID: selObject }

});
wnd.center();
wnd.open();
}
};
public ActionResult AddObject(string strObjectID)
{
return PartialView("_SelectObject");

}

Anamika

[Dimo]

Hello Anamika,

Apart from the backslashes in the Window jQuery selector (maybe the code is inside a Kendo UI template?), I don't see anything problematic in the provided snippet and it works correctly on my side in mobile devices. Feel free to provide a runnable example for further testing.

Regards,
Dimo
Telerik

 

 

[Anamika]

Hello,

please find the attached sample. Because of size constraints i have not included content, app_data or scripts folder. please run the app on desktop and when you double click event on scheduler in custom editortemplate you see a button by objectID and clicking on the button displays partial view in popup window. Nowrun same on tablet and tap an event and then in template when click button by objectID the pop up window loads but blank

Thnaks

Anamika

[Dimo]

Hello Anamika,

The provided project was not runnable due to a lot of missing references and files, but I saw the cause of the problem. It is caused by the fact that the Window inside the editor template is initialized inside a hidden container. As a result, its content wrapper receives a visibility:hidden style that you need to remove manually:

if (wnd) {
    wnd.element.css("visibility", "");
    // ...
}

We came across this issue recently and will resolve it in future Kendo UI builds.

Regards,
Dimo
Telerik

 

 

[Anamika]

Thanks Dimo, That worked like a charm. Not sure why on Desktop Version it works fine and only for mobile devices we have to set visibility. But it works fine now.

Anamika