Hello All,
I have a Collapsible Panel Extender inside a datalist.I have a hyperlink inside the panel within the datalist. I want to have a modal popup on clicking the hyperlink inside the panel and I want the modal pop up to be populated with the data from the navigate URL property of the hyperlink. Is it possible to do this? If yes,please give your suggestions.
The following is the code:
<asp:ToolkitScriptManager ID="ToolkitScriptManager_CollapsiblePanel" runat="server">
</asp:ToolkitScriptManager>
<asp
atalist ID="Datalist_NewsItems" runat="server" Width="60%">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td width="600">
<asp
anel ID="Panel2" runat="server">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/plus.jpg" ></asp:Image>
<%#Eval("Title").ToString()%>
</asp
anel>
</td>
</tr>
<tr>
<td colspan="3">
<asp
anel ID="Panel1" runat="server" BorderStyle= "Outset">
<strong>Abstract:</strong>
<asp:Label ID="Label_Abstract" runat="server" Text='<%#Eval("Abstract").ToString()%>'></asp:Label>
<br />
<asp:HyperLink ID="HyperLink_FullStory" runat="server" Text="Full Story" NavigateUrl='<%#Eval("LinkAddress")%>'></asp:HyperLink>
</asp
anel>
<asp:CollapsiblePanelExtender ID="CollapsibleControl_Name" ExpandControlID="Panel2" runat="server" ImageControlID="Image1" ExpandedImage="~/images/minus.jpg" CollapsedImage="~/images/plus.jpg" ExpandDirection="Vertical" CollapseControlID="Panel2" Collapsed="true" EnableViewState="false" TargetControlID="Panel1"></asp:CollapsiblePanelExtender>
</td>
</tr>
</table>
</ItemTemplate>
</asp
atalist>
<asp
anel ID="news_details" CssClass="ModalPanel" runat="server">
<p><strong><font size="6">Details Page</font></strong></p>
</asp
anel>
<asp:ModalPopupExtender ID="PopupExtender" TargetControlID="HyperLink_FullStory" PopupControlID="news_details" BackgroundCssClass="modalBackground" runat="server"></asp:ModalPopupExtender>
Thanks.
I have a Collapsible Panel Extender inside a datalist.I have a hyperlink inside the panel within the datalist. I want to have a modal popup on clicking the hyperlink inside the panel and I want the modal pop up to be populated with the data from the navigate URL property of the hyperlink. Is it possible to do this? If yes,please give your suggestions.
The following is the code:
<asp:ToolkitScriptManager ID="ToolkitScriptManager_CollapsiblePanel" runat="server">
</asp:ToolkitScriptManager>
<asp
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td width="600">
<asp
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/plus.jpg" ></asp:Image>
<%#Eval("Title").ToString()%>
</asp
</td>
</tr>
<tr>
<td colspan="3">
<asp
<strong>Abstract:</strong>
<asp:Label ID="Label_Abstract" runat="server" Text='<%#Eval("Abstract").ToString()%>'></asp:Label>
<br />
<asp:HyperLink ID="HyperLink_FullStory" runat="server" Text="Full Story" NavigateUrl='<%#Eval("LinkAddress")%>'></asp:HyperLink>
</asp
<asp:CollapsiblePanelExtender ID="CollapsibleControl_Name" ExpandControlID="Panel2" runat="server" ImageControlID="Image1" ExpandedImage="~/images/minus.jpg" CollapsedImage="~/images/plus.jpg" ExpandDirection="Vertical" CollapseControlID="Panel2" Collapsed="true" EnableViewState="false" TargetControlID="Panel1"></asp:CollapsiblePanelExtender>
</td>
</tr>
</table>
</ItemTemplate>
</asp
<asp
<p><strong><font size="6">Details Page</font></strong></p>
</asp
<asp:ModalPopupExtender ID="PopupExtender" TargetControlID="HyperLink_FullStory" PopupControlID="news_details" BackgroundCssClass="modalBackground" runat="server"></asp:ModalPopupExtender>
Thanks.