Click here to Skip to main content
16,021,112 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I used collapsible extender control in my datalist images, when I click on the image it worked but other images size gets decreased. how can I avoid that?

THIS IS MY .ASPX CODE
-----------------------------

XML
<form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>

    <div>
    <table border="1" cellpadding="10" cellspacing="10">
    <tr>
    <td rowspan="2" valign="top">
    <table>
    <tr>
    <td>
    <asp:Panel ID="Panel2" runat="server" BorderWidth="1"  >
            <asp:Image ID="Image3" runat="server"  ImageUrl="~/Images/sport_promachine.jpg" height="200"
                Width="600px"/>
        </asp:Panel>
    </td>
    </tr>
     <tr>

    <td  valign="top">
        <asp:DataList ID="DataList1" runat="server" RepeatColumns="3" OnItemCommand="Item_command" >

        <ItemTemplate >
        <div style="height:400">
            <asp:Panel ID="Panel1" runat="server" CssClass="pnlCSS" Height="140px"  Width="199px" BorderWidth="1" >
            <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("PictureURL") %>' /><br />

           <div>
             <asp:LinkButton ID="LinkButton1" runat="server" Text='<%# Eval("Name")%>'  ></asp:LinkButton></div>
            </asp:Panel>
                    <div>
                     <asp:Panel ID="pnlCollapsable" runat="server"   CssClass="pnlCSS"
                       Width="199px" BorderWidth="1" ><%# Eval("Description") %>

          collapsoblepanelextender
            properties&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--%>
                        <asp:LinkButton ID="LinkButton2" runat="server"  Text="More" CommandArgument='<%# Eval("Name")%>' CommandName="More" > </asp:LinkButton>

                      </asp:Panel>
                      </div>
                      <asp:collapsiblepanelextender
                        ID="CollapsiblePanelExtender1"
                        runat="server"
                        CollapseControlID="Panel1"
                        Collapsed="true"
                        ExpandControlID="Panel1"
                        TextLabelID="lblMessage"
                        CollapsedText="Show"
                        ExpandedText="Hide"
                        ImageControlID="imgArrows"
                        CollapsedImage="~/Images/down.jpg"
                        ExpandedImage="~/Images/up.png"
                        ExpandDirection="Vertical"
                        TargetControlID="pnlCollapsable"
                        ScrollContents="false"   >
                    </asp:collapsiblepanelextender>
   <%-- </div>--%></div>
    </ItemTemplate>
 </asp:DataList>

    </div>


THIS MY .CS CODE
--------------------------
C#
protected void Page_Load(object sender, EventArgs e)
 {
     if (!IsPostBack)
     {
         GetData();

     }

 }
 public void GetData()
 {
     DataTable dt = new DataTable();
     //dt.Columns.Add(new DataColumn
     //("PictureID", typeof(Int));
     dt.Columns.Add(new DataColumn
                   ("PictureURL", typeof(String)));
     dt.Columns.Add(new DataColumn
                   ("Name", typeof(String)));
     dt.Columns.Add(new DataColumn("Description", typeof(String)));

     DataRow dr = dt.NewRow();
     //dr["PictureID"] = 1;
     dr["PictureURL"] = "~/Images/lowest_img1.jpg ";
     dr["Name"] = "lowestimage";
     dr["Description"] = "lowest image from datalist uiiuuy bhjyhjuyhbyu";
     dt.Rows.Add(dr);

     dr = dt.NewRow();
     //dr["PictureID"] = 2;
     dr["PictureURL"] = "~/Images/sport_gloves.jpg";
     dr["Name"] = "Gloves";
     dr["Description"] = "gloves from datalist gthghggf hjyuiyiknjhuj";
     dt.Rows.Add(dr);

     dr = dt.NewRow();
     //dr["PictureID"] = 3;
     dr["PictureURL"] = "~/Images/sport_promachine.jpg";
     dr["Name"] = "Promachine";
     dr["Description"] = "promachine from datalist yukyguuuuuuuuuu hhbjgjbuyhb";
     dt.Rows.Add(dr);

     dr = dt.NewRow();
     //dr["PictureID"] = 4;
     dr["PictureURL"] = "~/Images/techno_mouse.jpg";
     dr["Name"] = "Mouse";
     dr["Description"] = "mouse from datalist hjftrtgfhrhtryhghthy gvjhtghjt";
     dt.Rows.Add(dr);
     Session["datalist"] = dt;
     DataList1.DataSource = dt;
     DataList1.DataBind();
 }


 protected void Item_command(object source, DataListCommandEventArgs e)
 {
     if (e.CommandName == "More")
     {
         string name = e.CommandArgument.ToString();
         Response.Redirect("~/Category.aspx?Name=" + name, true);
         // Server.Transfer("~/testtop.aspx?Name=" + name, true);
     }
 }
Posted
Updated 17-Aug-12 1:12am
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900