Overlaying the entire screen with Popup

[Nicolas]

Hi,

I am using a grid with a button that opens a modal popup window. When I click the button the grid is overlayed, but not the entire screen - just the grid. Then when the popup opens the rest of the screen is overlayed.
How can I control the first overlay and make it overlay the entire screen, directly when the user clicks on the button?

Excerpt from my page:

 <telerik:GridEditCommandColumn UniqueName="actionsCommandColumn" EditText="Go" ButtonType="PushButton" HeaderStyle-CssClass="RadGridHeaderStyle">
                          <HeaderStyle Font-Bold="True" Width="9%" />
                        </telerik:GridEditCommandColumn>
                    </Columns>
                    <EditFormSettings EditFormType="WebUserControl" PopUpSettings-Modal="true" UserControlName="CustomControls\QuoteAndPolicyActions.ascx"
                        CaptionFormatString="Select an Action">
                        <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn column"
                            Visible="false">
                        </EditColumn>
                    </EditFormSettings>

Thanks for your help,
Nicolas

[Jayesh Goyani]

Hello,

please look in below link.
Grid / PopUp Edit Form

or

<MasterTableView  EditMode="PopUp">

Thanks,
Jayesh Goyani

[Nicolas]

Thanks Jayesh. Maybe I didn't explain this very well. I am already using this. The problem, if you look at the demo, is that when you click on "Edit" only the grid is overlayed - until the popup window shows up, and the rest of the screen is overlayed. To the user it appears as a 2-step process:
   1. Overlay the grid
   2. Wait a few ms then overlay the rest of the screen

I am looking for a way to overlay the entire screen directly at step 1, when the user clicks on the "Edit" button.

Thank you,
Nico