Tuesday, 29 July 2014

CollapsiblePanelExtender ImageControlID in ASP.NET Ajax

Ajax Collapsible Panel Extender – How to set change Image Control ID programmatically in Collapsible Panel Extender

  1. <%@ Page Language=“C#” AutoEventWireup=“true” %>

  3. <%@ Register Assembly=“AjaxControlToolkit” Namespace=“AjaxControlToolkit” TagPrefix=“cc1″ %>

  5. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  6. <script runat=“server”>
  7.     protected void Page_Load(object sender, EventArgs e)
  8.     {
  9.         CollapsiblePanelExtender1.ImageControlID = “Image1″;
  10.     }
  11. </script>
  12. <html xmlns=“http://www.w3.org/1999/xhtml” >
  13. <head id=“Head1″ runat=“server”>
  14.     <title>Ajax CollapsiblePanelExtender - How to set change ImageControlID programmatically in CollapsiblePanelExtender</title>
  15. </head>
  16. <body>
  17.     <form id=“form1″ runat=“server”>
  18.     <div>
  19.         <h2 style=“color:SteelBlue; font-style:italic;”>
  20.             Ajax CollapsiblePanelExtender - How to set change
  21.             <br /> ImageControlID programmatically in
  22.             <br /> CollapsiblePanelExtender in asp.net
  23.         </h2>
  24.         <hr width=“500″ align=“left” color=“DarkTurquoise” />
  25.         <asp:ScriptManager
  26.             ID=“ScriptManager1″
  27.             runat=“server”
  28.             >
  29.         </asp:ScriptManager>
  30.         <cc1:CollapsiblePanelExtender
  31.             ID=“CollapsiblePanelExtender1″
  32.             runat=“server”
  33.             TargetControlID=“Panel2″
  34.             ExpandControlID=“Panel1″
  35.             CollapseControlID=“Panel1″
  36.             Collapsed=“true”
  37.             ExpandedImage=“~/Image/Expand.gif”
  38.             CollapsedImage=“~/Image/Collapse.gif”
  39.             >
  40.         </cc1:CollapsiblePanelExtender>
  41.         <asp:Image ID=“Image1″ runat=“server” />
  42.         <br />
  43.         <asp:Panel
  44.             ID=“Panel1″
  45.             runat=“server”
  46.             Width=“125″
  47.             BackColor=“Orchid”
  48.             BorderColor=“MediumOrchid”
  49.             BorderWidth=“2″
  50.             HorizontalAlign=“Center”
  51.             BorderStyle=“Solid”
  52.             >
  53.             <asp:Image
  54.                 ID=“Image2″
  55.                 runat=“server”
  56.                 ImageUrl=“~/Image/Hippopotamus.jpg”
  57.                 Height=“75″
  58.                 />
  59.         </asp:Panel>
  60.         <asp:Panel
  61.             ID=“Panel2″
  62.             runat=“server”
  63.             Width=“550″
  64.             BorderColor=“Purple”
  65.             BorderWidth=“2″
  66.             BackColor=“MediumPurple”
  67.             HorizontalAlign=“Center”
  68.             >
  69.             <asp:Image
  70.                 ID=“Image3″
  71.                 runat=“server”
  72.                 ImageUrl=“~/Image/Hippopotamus.jpg”
  73.                 Height=“325″
  74.                 />
  75.         </asp:Panel>
  76.     </div>
  77.     </form>
  78. </body>
  79. </html>


Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)