Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Dec 26, 2012 06:57 AM by matifnadeem
Member
136 Points
115 Posts
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
Star
13435 Points
2022 Posts
Dec 26, 2012 06:48 AM|LINK
Check following:
http://techbrij.com/772/show-modal-popup-edit-aspdotnet-gridview
7504 Points
1466 Posts
Dec 26, 2012 06:54 AM|LINK
Please check below link for demo and code
http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx
All-Star
28153 Points
4212 Posts
Dec 26, 2012 06:56 AM|LINK
Try fancy box7
http://fancybox.net/
Contributor
4928 Points
1145 Posts
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.
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
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
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
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.
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/
My Blog
matifnadeem
Contributor
4928 Points
1145 Posts
Re: How to display div in popup
Dec 26, 2012 06:57 AM|LINK
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