Dimo, Thanks for your quick response. This is the first project i am working in telerik. Your documention and help is so good, that i love to use telerik more. Thanks for your support.
I verified IE versions on local n server, both are IE8. I copied Content and Scripts folders from my local to server. I am using Webblue theme, i tried using other themes also, but issue is the same. So its not specific to sprite.png of webblue.
I can see the title bar and it highlights the area where close icon shld be there and close function also works fine. i checked the png, i can see close icon in white color. May be i can changes the color of close icon, then it will be visible? OR i can add close button on window creation explicitly. Please suggest. Thanks alot!
the code creating window is:
var AccountSetupForm = (function () {
return {
init: function () {
},
displayPopUpWindow: function (processid) {
var postData = {
processid: processid
};
$.post("/ExpenseReport/Home/GetNewAccountViewHtml", postData, function (data) {
$.telerik.window.create({
title: "New Address",
html: unescape(data.viewHtml),
modal: true,
resizable: false,
visible: false,
width: 200,
height: 100,
onClose: function() {}
})
.data('tWindow').center().open();
});
}
};
})();
$(document).ready(function () {
AccountSetupForm.init();
});
--------------------------------------------------------------------------------------------------------------------------------------------------
here is my layout file:
<html>
<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/telerik.webblue.min.css")" rel="stylesheet" type="text/css" />
<script src="~/Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="~/Scripts/2011.3.1115/telerik.common.min.js" type="text/javascript"></script>
<script src="~/Scripts/2011.3.1115/telerik.draganddrop.min.js" type="text/javascript"></script>
<script src="~/Scripts/2011.3.1115/telerik.window.min.js" type="text/javascript"></script>
@(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.min.css").Add("telerik.webblue.min.css").Combined(true).Compress(true)))
</head>
<body>
@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Add("telerik.common.js").Add("telerik.draganddrop.js").Add("telerik.window.min.js").Combined(true).Compress(true)))
<div class="page">
<section id="main">
@RenderBody()
</section>
<footer>
</footer>
</div>
@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))</body>
</html>