There is a Ajax ModalPopup in one of my web page and 2 buttons inside modal pop up.
HTML code:
<asp:Label ID="lbl" runat="server"></asp:Label>
<cc1:ModalPopupExtender ID="mpe" runat="server" PopupControlID="pnlPopup" TargetControlID="lbl" BackgroundCssClass="modalBackground">
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" >
<div class="body" style="height:470px; text-align:center; overflow-y:scroll; overflow-x:hidden">
// different section/ area , div
// div related to "button 1"
// other div tags
// div related to "button 2"
</div>
<div class="footer" align="center">
<asp:Button ID="Button1" runat="server" Text="Show Data for A"/>
<asp:Button ID="Button2" runat="server" Text="Show Data for B"/>
</div>
</asp:Panel>
I want that when I click on "button 1", I automatically jump to certain <div> tag (at the bottom of Modal pop up) which is related to "button 1"
similarly, when I click on "button 2", I automatically jump to certain <div> tag (at the bottom of Modal pop up) which is related to "button 2"
Please reply how it is possible