This is a migrated thread and some comments may be shown as answers.

Vertical Scrollbar disappears after dynamically adding Window (dialog)

2 Answers 128 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

Ruairi asked on 31 Oct 2017, 01:01 PM

I'm using latest build of Kendo UI MVC (2017.3.913) and I have a complex form which contains TabStrip.
Each Tab within the TabStrip contains PanelBar with multiple expandable\collapsible panels that allow me to view and edit data. When I expand a Panel the vertical scroll-barallows me to scroll down to view details etc.. Everything works fine so far.

On the form I also dynamically add a Kendo Window (dialog) and do various things like - Select Address,Select Person etc.. Dynamically creating it is a must - I destroy it after every time i use it. For demonstration the javascript function below creates the Window what I require to show the problem:

//This dynamically creates a Window (but donst show it yet)

function testCreateWindowDynamically()

{

$(document.body).append("<div id='myContainerDiv' class='dlgContainer'></div>");

$("#myContainerDiv").append("<div id='myDialogWindow' class='dlgDialog'></div>");

var dialog =

$("#myDialogWindow").kendoWindow({

title: "",

modal: true,

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

visible: false

});

$("#myDialogWindow").data("kendoWindow").maximize();

}

When I run this the vertical scroll bar on the tab strip disappears and I cant scroll down to view content not displayed on screen. Why is the vertical scroll bar disappearing?

2 Answers, 1 is accepted

-1