How block all other page controls on grid line edit

[OfficeBooks Team]

Hi, I'm working with RadGrid in different pages of my website, usually those pages have headers controls and other buttons like Save, Close etc.

When the user is inserting or updating an item in the grid they usually don't see the checkmark button in the edit line and try to click others buttons in the page to save or commit changes.

I was wondering if it's possible to gray out all the page but the edit line inside the grid until the user save or cancel the changes using the grid line buttons, similar to the Radwindow behavior. this could be done using some radcontrols or there is any tweak to the radgrid to accomplish that?

Thanks a lot.

[Shinu]

Hello,

One suggestion is you can use Edit mode as PopUp and Modal property as true. Here is the sample code.
aspx:

<MasterTableView  EditMode="PopUp"  CommandItemDisplay="Top"  >
   <EditFormSettings PopUpSettings-Modal="true"></EditFormSettings>
</MasterTableView>

Thanks,
Shinu.

[OfficeBooks Team]

Thanks for your reply, I was thinking on that approach, but there is an issue because one of the edit fields has an item selector pop up window.

With this approach when the user edit a line, a modal window will appear with the edit line then the user will open another modal window to change/select an item, it doesn't feel right (and don't know if it's possible to have 2 modal windows open at the same time).

[Shinu]

Hi,

One suggestion is that you can show another modal window from the popup edit form as shown below.
aspx:

<telerik:RadWindowManager ID="win" runat="server">
 <Windows>
   <telerik:RadWindow ID="RadWindow1" Modal="true" runat="server"></telerik:RadWindow>
 </Windows>
</telerik:RadWindowManager>
<telerik:RadGrid ID="RadGrid1" runat="server" . . . >
<MasterTableView EditMode="PopUp"   CommandItemDisplay="Top"  DataKeyNames="OrderID">
  <EditFormSettings  PopUpSettings-Modal="true">
    <telerik:GridTemplateColumn  HeaderText="test">
       <EditItemTemplate>
           <asp:Button ID="Button3" runat="server" Text="open" OnClientClick="OnClientClick();return false;" />
       </EditItemTemplate>
    </telerik:GridTemplateColumn>
</MasterTableView>
</telerik:RadGrid>

JS:

function OnClientClick()
{
 var window = radopen("RadWindow1", null);
}

Another option is to manually disable all the other controls in edit mode. Hope this helps.

Thanks,
Shinu.