i have a problem with window popup. Window's content is open in page not in popup.
You can see online this file on.
1.click on Publish and see the first grid ,there are "Presentation" column .
2.In that column click on "Align" link and see the window is not popup .
http://98.130.153.40/botCreaterNewIdFor.html?id=4e5bb37258200ed9aabc6e61
here is my code
//window code
$(".facetsProperty").click(function(){
var window = $("#windowFacets "),
undo = $("#undo")
.bind("click", function() {
window.data("kendoWindow").open();
undo.hide();
});
var onClose = function() {
undo.show();
}
$("#close4").click( function (e) {
window.data("kendoWindow").close();
});
if (!window.data("kendoWindow")) {
window.kendoWindow({
resizable: true,
width: "500px",
scrollable:true,
title: "Facets Of Property",
close: onClose
});
}window.data("kendoWindow").open();
});
//display grid data in templates
<table class="publish0 tableGrid" >
<thead>
<tr>
<th>Property ID</th>
<th>Data Type</th>
<th>Presentation</th>
<th>Prompt</th>
<th>Source</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4"></td>
</tr>
</tbody>
</table>
<script id="templatePublish0" type="text/x-kendo-template">
<# for (var i=0; i< messages[0].property_groups[0].bot_property_group_view[0].properties_in_view.length; i++) { #>
<tr>
<td>
#= messages[0].property_groups[0].bot_property_group_view[0].properties_in_view[i].property_id #
</td>
<td> </td>
<td> <a href="\\#" id="windowFacets displayText5" class="k-group facetsProperty " onclick="javascript:toggle5();">
#=messages[0].property_groups[0].bot_property_group_view[0].properties_in_view
[i].facets[6].name #
</a> </td>
<td>
#=messages[0].property_groups[0].bot_property_group_view[0].properties_in_view
[i].facets[0].value #
</td>
<td><a href="\\#" id="windowSource displayText4" class="k-group sourceProperty " onclick="javascript:toggle4();">
#=messages[0].property_groups[0].bot_property_group_view[0].properties_in_view
[i].value_source.source_type #
</a> </td>
</tr><# } #>
</script>
//pop up code it is hide by default , when user click on "#=messages[0].property_groups[0].bot_property_group_view[0].properties_in_view
[i].facets[6].name # " link then it is open but now it open in page not in popup.
<div id="windowFacets">
<div id="gridFacets"></div>
<p align="center">
<input type="button" value="OK" id="close4" class="k-button"/>
<input type="button" value="Cancel" id="close" class="k-button"/>
</p>
</div>
You can see online this file on.
1.click on Publish and see the first grid ,there are "Presentation" column .
2.In that column click on "Align" link and see the window is not popup .
http://98.130.153.40/botCreaterNewIdFor.html?id=4e5bb37258200ed9aabc6e61
here is my code
//window code
$(".facetsProperty").click(function(){
var window = $("#windowFacets "),
undo = $("#undo")
.bind("click", function() {
window.data("kendoWindow").open();
undo.hide();
});
var onClose = function() {
undo.show();
}
$("#close4").click( function (e) {
window.data("kendoWindow").close();
});
if (!window.data("kendoWindow")) {
window.kendoWindow({
resizable: true,
width: "500px",
scrollable:true,
title: "Facets Of Property",
close: onClose
});
}window.data("kendoWindow").open();
});
//display grid data in templates
<table class="publish0 tableGrid" >
<thead>
<tr>
<th>Property ID</th>
<th>Data Type</th>
<th>Presentation</th>
<th>Prompt</th>
<th>Source</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4"></td>
</tr>
</tbody>
</table>
<script id="templatePublish0" type="text/x-kendo-template">
<# for (var i=0; i< messages[0].property_groups[0].bot_property_group_view[0].properties_in_view.length; i++) { #>
<tr>
<td>
#= messages[0].property_groups[0].bot_property_group_view[0].properties_in_view[i].property_id #
</td>
<td> </td>
<td> <a href="\\#" id="windowFacets displayText5" class="k-group facetsProperty " onclick="javascript:toggle5();">
#=messages[0].property_groups[0].bot_property_group_view[0].properties_in_view
[i].facets[6].name #
</a> </td>
<td>
#=messages[0].property_groups[0].bot_property_group_view[0].properties_in_view
[i].facets[0].value #
</td>
<td><a href="\\#" id="windowSource displayText4" class="k-group sourceProperty " onclick="javascript:toggle4();">
#=messages[0].property_groups[0].bot_property_group_view[0].properties_in_view
[i].value_source.source_type #
</a> </td>
</tr><# } #>
</script>
//pop up code it is hide by default , when user click on "#=messages[0].property_groups[0].bot_property_group_view[0].properties_in_view
[i].facets[6].name # " link then it is open but now it open in page not in popup.
<div id="windowFacets">
<div id="gridFacets"></div>
<p align="center">
<input type="button" value="OK" id="close4" class="k-button"/>
<input type="button" value="Cancel" id="close" class="k-button"/>
</p>
</div>