Hello all,
I am using kendo window as a popup for displaying the data with width of 1000px. From this, I would like to open another popup window with width of 280px but I am unable to set the width for the popup. I tried so many ways, but I didn't find the solution.
I am attaching the screen shots of my requirement.
My code goes like below:
First window:
Declaration:
<div id="kendopopupAddContact" style="display: none;">
@{
@(Html.Kendo().Window()
.Name("window_AddContact")
.Width(1000)
.Events(e => e
.Close("ContactWindow_close")
)
)
}
</div>
Initialization:
wndNewContact = $("#window_AddContact").kendoWindow({
actions: ["Close"],
Title:"Test",
Events:"onKeyPress",
content: url,
visible: false,
dragable:true,
modal: true
//minHeight:300,
//height:300
}).data("kendoWindow");
Opening:
wndNewContact.open();
Second Window:
Declaration:
<div id="kendoPopupAddCompany" style="display: none;">
@{
@(Html.Kendo().Window()
.Name("addCompanyPopup")
.Width(280).HtmlAttributes(new { @style = "width: 280px !important" })
.Events(e => e
.Close("addCompanyPopup_close")
)
)
}
</div>
Initialization:
wndNewCompany = $("#addCompanyPopup").kendoWindow({
actions: ["Close"],
Title: "Test",
content: url,
visible: false,
dragable: false,
modal: true,
width: 300,
minHeight:300,
height:300,
close: function (e) {
ResetCreateNewCompanyPopup();
}
}).data("kendoWindow");
Opening:
wndNewCompany.open();
Can any one help me please???
Thanks in advance...