Show scroll bar in ASP.Net AJAX ModalPopupExtender

Hi ahmadsubuhanl...

Please refer the below code.

Database

For this example I have used of Northwind database that you can download using the link given below.

Download Northwind Database

HTML

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Button ID="btnShow" runat="server" Text="Show Modal Popup" />
<!-- ModalPopupExtender -->
<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnShow"
    CancelControlID="btnClose" BackgroundCssClass="modalBackground">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" align="center"
    Style="height: 100px; width: 400px; overflow: auto; border: Solid 2px Grey; display: none">
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
        <Columns>
            <asp:BoundField DataField="OrderID" HeaderText="OrderID" />
            <asp:BoundField DataField="OrderDate" HeaderText="OrderDate" />
            <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" />
        </Columns>
    </asp:GridView>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:constr %>"
        SelectCommand="SELECT TOP(10) [OrderID], [OrderDate], [CustomerID] FROM [Orders]"></asp:SqlDataSource>
    <br />
    <asp:Button ID="btnClose" runat="server" Text="Close" />
</asp:Panel>

Screenshot