Here i am explaining the problem that i encounter during my project. I have a project of MVC4 in that i am using Telerik controls(not kendo & not rad). The Scenario is like this,
"I have a Telerik grid in that i am showing 20 records, in this grid i have an edit button at the end of each record. When i am clicking on edit button it shows a Telerik popUp window(which is a partial view) in that window i have used one collapsible control,
first time when i click on edit button it shows the popup window at center of the screen but when i am expanding the collapsible the window goes to bottom of the screen.
here is my popup window code:
Here is My collapsible control Code:
"I have a Telerik grid in that i am showing 20 records, in this grid i have an edit button at the end of each record. When i am clicking on edit button it shows a Telerik popUp window(which is a partial view) in that window i have used one collapsible control,
first time when i click on edit button it shows the popup window at center of the screen but when i am expanding the collapsible the window goes to bottom of the screen.
here is my popup window code:
function showEditLookup(CustomerId) {
<pre>
addCustomerLookup = $.telerik.window.create({
title: 'Edit Company',
resizable: false,
modal: true,
height: 553.6,
width: 600,
contentUrl: '/BD/ShowEditCustomerWindow?CustomerId=' + CustomerId,
onClose: function () {
removeJqueryValidationMsg();
$(this).remove();
}
});
var win = addCustomerLookup.data('tWindow');
win.center().open();
}</pre>
Here is My collapsible control Code:
<tr><tdcolspan="2"><divclass="notPrint"><aclass="t-icon t-plus"href="#"id="img_MoreInfo"title="More Info"/><bstyle="font-size:14px;">More Info</b></div><tablestyle="width:100%; display:none;"class="i-info-tbl"id="tblMoreInfo"> <tr><td>FollowUp Date </td><td> @Html.TextBoxFor(model => model.Followupdate, new { @class = "DynamicDatePicker",style = "width:120px;"}) </td></tr><tr><td>Note </td><td> @Html.TextAreaFor(model => model.Note, new { style = "width:225px;" }) </td></tr><tr><td>Account Strategy </td><td> @Html.TextAreaFor(model => model.AccountStrategy, 5, 80, new { style = "width:225px;" }) </td></tr><tr><td>Decision Making Process </td><td> @Html.TextAreaFor(model => model.DecisionMakingProcess, 5, 80, new { style = "width:225px;" }) </td></tr></table> <pre></pre>