I am trying to use pinned so that a simple window will have a fixed position.
1) setting pinned to true seems to do nothing.
2) calling pin() on a window results in a javascript error. Uncaught TypeError: Object [object Object] has no method 'pin'
I am a newbie with Kendo. Using 2013.1.514 downloaded today from Kendo.
$(document).ready(function( event ) {
var window = $("#add-comment");
window.kendoWindow({
width: "300px",
height: "315px",
position: {
top: 100,
left: 100
},
title: "Add Comment",
modal: true,
visible: false,
pinned: true,
actions: ["Maximize", "Close"],
});
$(".comment-button").on("click", function (e) {
var kendoWindow = $("#add-comment").data("kendoWindow");
kendoWindow.center(); // no error, works
kendoWindow.open(); // no error, opens window
kendoWindow.pin(); // js exception
});
1) setting pinned to true seems to do nothing.
2) calling pin() on a window results in a javascript error. Uncaught TypeError: Object [object Object] has no method 'pin'
I am a newbie with Kendo. Using 2013.1.514 downloaded today from Kendo.
$(document).ready(function( event ) {
var window = $("#add-comment");
window.kendoWindow({
width: "300px",
height: "315px",
position: {
top: 100,
left: 100
},
title: "Add Comment",
modal: true,
visible: false,
pinned: true,
actions: ["Maximize", "Close"],
});
$(".comment-button").on("click", function (e) {
var kendoWindow = $("#add-comment").data("kendoWindow");
kendoWindow.center(); // no error, works
kendoWindow.open(); // no error, opens window
kendoWindow.pin(); // js exception
});
9 Answers, 1 is accepted
0
Hi Tom,
Dimo
Telerik
The discussed feature is available in the Q2 2013 Beta release (2013.2.626).
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Accepted

Tom
Top achievements
Rank 1
answered on 03 Jul 2013, 03:37 PM
Thanks. Its actually OK now, since center() is better for me.
But pin and pinned are both listed in the documentation.
--Tom
But pin and pinned are both listed in the documentation.
--Tom
0

Joe
Top achievements
Rank 1
answered on 19 Jul 2013, 04:21 PM
I've created a custom JS file today and .Pin is not available for me as an Action property.
@(Html.Kendo().Window()
.Name("DetailWindowProduct")
.Title("Product Summary")
.Draggable()
.Content(@<text>
<table>
<tr>
<td>
<div>
@ViewBag.ProductClass
</div>
@(Html.Kendo().Grid(Model)
.Name("productordersGrid")
.Columns(cols =>
{
cols.Bound(x => x.ExtProdNbr)
.Title("Product #")
.HtmlAttributes(new { style = "text-align: left;" });
cols.Bound(x => x.InternalProdClassDesc)
.Title("Description")
.HtmlAttributes(new { style = "white-space:nowrap;" });
cols.Bound(x => x.Quantity)
.Title("Qty")
.Format("{0:N0}")
.HtmlAttributes(new { style = "text-align: center;" });
cols.Bound(x => x.Hits)
.Title("Hits")
.Format("{0:N0}")
.HtmlAttributes(new { style = "text-align: right;" });
cols.Bound(x => x.TotalSalesAmt)
.Title("Sales $")
.Format("{0:C0}")
.HtmlAttributes(new { style = "text-align: right;" });
cols.Bound(x => x.TotalGP)
.Title("GP %")
.Format("{0:N4}")
.HtmlAttributes(new { style = "text-align: right;" });
cols.Bound(x => x.PctTotal)
.Title("% of Tot")
.Format("{0:P4}")
.HtmlAttributes(new { style = "text-align: right;" });
})
.Filterable()
.Selectable()
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("GetSourceOrdersByProductClass", "Customer")
.Data("onProductOrdersGridReadAdditionalData"))
))
</td>
</tr>
</table>
</text>)
.Width(500)
.Height(600)
.Actions(actions => actions.Close().Pin())
.Visible(false)
)
@(Html.Kendo().Window()
.Name("DetailWindowProduct")
.Title("Product Summary")
.Draggable()
.Content(@<text>
<table>
<tr>
<td>
<div>
@ViewBag.ProductClass
</div>
@(Html.Kendo().Grid(Model)
.Name("productordersGrid")
.Columns(cols =>
{
cols.Bound(x => x.ExtProdNbr)
.Title("Product #")
.HtmlAttributes(new { style = "text-align: left;" });
cols.Bound(x => x.InternalProdClassDesc)
.Title("Description")
.HtmlAttributes(new { style = "white-space:nowrap;" });
cols.Bound(x => x.Quantity)
.Title("Qty")
.Format("{0:N0}")
.HtmlAttributes(new { style = "text-align: center;" });
cols.Bound(x => x.Hits)
.Title("Hits")
.Format("{0:N0}")
.HtmlAttributes(new { style = "text-align: right;" });
cols.Bound(x => x.TotalSalesAmt)
.Title("Sales $")
.Format("{0:C0}")
.HtmlAttributes(new { style = "text-align: right;" });
cols.Bound(x => x.TotalGP)
.Title("GP %")
.Format("{0:N4}")
.HtmlAttributes(new { style = "text-align: right;" });
cols.Bound(x => x.PctTotal)
.Title("% of Tot")
.Format("{0:P4}")
.HtmlAttributes(new { style = "text-align: right;" });
})
.Filterable()
.Selectable()
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("GetSourceOrdersByProductClass", "Customer")
.Data("onProductOrdersGridReadAdditionalData"))
))
</td>
</tr>
</table>
</text>)
.Width(500)
.Height(600)
.Actions(actions => actions.Close().Pin())
.Visible(false)
)
0
Hi Joe,
Dimo
Telerik
Please make sure you have upgraded correctly the Kendo UI JS files.
http://demos.kendoui.com/web/window/api.html
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Joe
Top achievements
Rank 1
answered on 22 Jul 2013, 03:16 PM
Hi Dimo,
Thanks for the response. Actually, I created a new kendo.custom.min.js file on Friday (7/19) so I assumed that would include all the latest scripts. I included all UI elements except mobile. Is there anything else I need to update?
Thanks for the response. Actually, I created a new kendo.custom.min.js file on Friday (7/19) so I assumed that would include all the latest scripts. I included all UI elements except mobile. Is there anything else I need to update?
0
Hello Joe,
Dimo
Telerik
The pin() client method requires the latest Kendo UI scripts. Make sure you are creating a custom JS file from the latest Kendo UI version.
The .Pin() server fluent method requires the latest Kendo.Mvc.dll assembly. Make sure the project references the correct assembly version - 2013.2.716.
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Joe
Top achievements
Rank 1
answered on 23 Jul 2013, 04:44 PM
I've installed the 2013.2.716 version via the Telerik control panel and updated the Kendo.Web reference in my MVC projects. Now I'm receiving this error setting up the MenuItemFactory:
The type or namespace name 'Kendo' could not be found (are you missing a using directive or an assembly reference?)
The type or namespace name 'Kendo' could not be found (are you missing a using directive or an assembly reference?)
0

Joe
Top achievements
Rank 1
answered on 24 Jul 2013, 03:39 PM
I've found the solution to my last post. The issue was that I had not yet updated the Kendo.MVC.dll reference in all projects within the solution. Pin() is now available as a Window property, however no pin icon is visible when the window is opened. The functionality is there when you click on that part of the window header. I believe I've updated to the latest sprite image.
0

Joe
Top achievements
Rank 1
answered on 24 Jul 2013, 04:31 PM
Well... I've resolved my prior post issue (window pin graphic not showing) with a simple clear of my IE browser cache. All is good.