[Solved] radgrid popup edit issue

[Abdul Kadar]

Dear Telerik Team,
Thank you for your support .
I use RadGrid with popup edit form.Its works fine.My issue is when I set modal=TRUE for popup, the whole window greys out.I search this topic in forum.but the answer doesn't works.please advise me to handle this sitution.Thanks in advance.Hope the best solution from you soon.Below is the code.HereWith I also attach the screenshot of my situation.I didn't  use any grouping or scrolling in my grid.

 var popUp;  
   function PopUpShowing(sender, eventArgs)  
   {  
       popUp = eventArgs.get_popUp();  
       var windowHeight = document.body.offsetHeight;  
       var windowWidth = document.body.offsetWidth;  
       var popUpWidth = popUp.style.width.substr(0,popUp.style.width.indexOf("px"));  
       var popUpHeight = popUp.style.height.substr(0,popUp.style.height.indexOf("px"));  
       popUp.style.left = (Math.floor((windowWidth - popUpWidth)/2)-10).toString() + "px";  
       popUp.style.top = (Math.floor((windowHeight - popUpHeight)/2)).toString() + "px";  
   }  

 <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="RadGrid1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>

           
            <telerik:RadGrid  ID="RadGrid1" runat="server" Skin="Vista" Style="left: 16px; position: absolute;
                top: 112px" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" GridLines="None" AllowAutomaticUpdates="false" AutoGenerateEditColumn="false">
                <MasterTableView ClientDataKeyNames="sno" DataKeyNames="sno" EditMode="PopUp"  DataSourceID="SqlDataSource1">
               
                    <Columns>
                        <telerik:GridEditCommandColumn ButtonType="ImageButton">
                        <ItemStyle CssClass="MyImageButton" />
                       
                        </telerik:GridEditCommandColumn>
                                       <telerik:GridBoundColumn DataField="companyname" EditFormColumnIndex="0" HeaderText="Company Name" UniqueName="companyname" ColumnEditorID="GridTextBoxColumnEditor1" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="firstname" EditFormColumnIndex="0" HeaderText="First Name" UniqueName="firstname" ColumnEditorID="GridTextBoxColumnEditor2">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="lastname" EditFormColumnIndex="0" HeaderText="Last Name" UniqueName="lastname" ColumnEditorID="GridTextBoxColumnEditor3">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="worktitle" EditFormColumnIndex="0" HeaderText="Work Title" UniqueName="worktitle" ColumnEditorID="GridTextBoxColumnEditor4">
                        </telerik:GridBoundColumn>
                         <telerik:GridBoundColumn DataField="department" EditFormColumnIndex="1" HeaderText="Dept" UniqueName="department" ColumnEditorID="GridTextBoxColumnEditor8">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="businessphone" EditFormColumnIndex="1" HeaderText="Off. Phone" UniqueName="businessphone" ColumnEditorID="GridTextBoxColumnEditor5">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="cellphone" EditFormColumnIndex="1" HeaderText="Mobile" UniqueName="cellphone" ColumnEditorID="GridTextBoxColumnEditor6">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="decisionrole" EditFormColumnIndex="0" HeaderText="Decision Role" UniqueName="decisionrole" Visible="false" ColumnEditorID="GridTextBoxColumnEditor7">
                        </telerik:GridBoundColumn>
                      
                        <telerik:GridBoundColumn DataField="homephone" EditFormColumnIndex="1" HeaderText="Home Phone" UniqueName="homephone" Visible="false" ColumnEditorID="GridTextBoxColumnEditor9">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="email"  EditFormColumnIndex="1" HeaderText="Email" UniqueName="email">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="sno" HeaderText="S.No" ReadOnly="true" UniqueName="sno" Visible="False">
                        </telerik:GridBoundColumn>
                    </Columns>
                   <EditFormSettings PopUpSettings-Modal="true"  ColumnNumber="2" PopUpSettings-Height="200px" PopUpSettings-Width="400px">

                   <EditColumn UniqueName="EditCommandColumn1">
                  
                   </EditColumn>
                   </EditFormSettings>
                  
                </MasterTableView>
                <ClientSettings >
               <ClientEvents OnPopUpShowing="PopUpShowing" />
                    <Selecting AllowRowSelect="True"  />
                    <Scrolling AllowScroll="false"/>
                </ClientSettings>
            </telerik:RadGrid>

[Shinu]

Hi Abdul,

When you set edit form pop up as modal I guess  the editform is grayed out with the rest of the page. Which version of the Grid are you using? I am using radControls version 2009.2.701.20 and this problem does not  not occcur in my case. 

I have found another forum link which discusses a similar issue. 

Modal Popup Edit Form

Thanks

Shinu