How to display div in popup RSS

• • Reply
  

  cchidambaram

  Member

  136 Points

  115 Posts

  How to display div in popup

  Dec 26, 2012 06:45 AM|LINK

  Hi,
  
       I have a div with some components and gridview with linkbuttons in each row. By clicking the linkbutton I need to display the div in a popup. Please guide me.

  
  
  Thanks

• • Reply
  

  urenjoy

  Star

  13435 Points

  2022 Posts

  Re: How to display div in popup

  Dec 26, 2012 06:48 AM|LINK

  Check following:

  http://techbrij.com/772/show-modal-popup-edit-aspdotnet-gridview

  http://techbrij.com
  • Marked as answer by cchidambaram on Dec 26, 2012 07:58 AM
• • Reply
  

  sameer_khanj...

  Star

  7504 Points

  1466 Posts

  Re: How to display div in popup

  Dec 26, 2012 06:54 AM|LINK

  Please check below link for demo and code

  http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx

  
  sameer.khanjit@gmail.com 
  View Blog
  Click "Mark as Answer" on the post that helped you.
  • Marked as answer by cchidambaram on Dec 26, 2012 10:52 AM
• • Reply
  

  sreejukg

  All-Star

  28153 Points

  4212 Posts

  Re: How to display div in popup

  Dec 26, 2012 06:56 AM|LINK

  Try fancy box7

  http://fancybox.net/

  The real voyage of discovery consists not in making new landscapes, but in having new eyes
  
  My Blog
  • Marked as answer by cchidambaram on Dec 26, 2012 10:52 AM
• • Reply
  

  matifnadeem

  Contributor

  4928 Points

  1145 Posts

  Re: How to display div in popup

  Dec 26, 2012 06:57 AM|LINK

  cchidambaram

  I have a div with some components and gridview with linkbuttons in each row. By clicking the linkbutton I need to display the div in a popup. 

  Hi cchidambaram,

  Checkout my code.

  ASPX MARKUP CODE :
  -------------------
  
  <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
  
  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
  <%--I mention only linkbutton from gridview here--%>
       <asp:LinkButton ID="ShowLinkButton" runat="server" CommandName="ShowPopup"
  CommandArgument='<%#Eval("ID") %>'>Edit</asp:LinkButton>
  
       <asp:HiddenField ID="ShowPopup" runat="server" />
       <asp:HiddenField ID="HidePopup" runat="server" />
  
       <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="HidePopup"
           TargetControlID="ShowPopup" BackgroundCssClass="popupBackground"
           PopupControlID="pnlShowPopup" />
  
       <asp:Panel ID="pnlShowPopup" runat="server" Style="display: none;">
         <div class="title">
            This is popup Title
         </div>
         <div class="popupWindow">
            This is popup text
         </div>
       </asp:Panel>
   </ContentTemplate>
  </asp:UpdatePanel>
  
  
  CODE BEHIND CODE :
  -------------------
  
  protected void GridViewData_RowCommand(object sender, GridViewCommandEventArgs e)
  {
      if (e.CommandName == "ShowPopup")
      {
         // do something here
         ModalPopupExtender1.Show();
      }
  }

  Let me know if any query remains.

  Cheers

  
  M Atif Nadeem
  Mark as Answer if you got right thing
  Read my blog | Follow me on LinkedIn
  • Edited by matifnadeem on Dec 26, 2012 07:01 AM
  • Marked as answer by cchidambaram on Dec 26, 2012 10:52 AM