Click here to Skip to main content
15,894,630 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I have one form. I want to split in to three columns. The 1st column contains collapsible panel seperate functionality. 1st column I used <table><tr><td><div><panel> and closed </panel></div></td>

2nd and 3rd column contain grid view data <td><gridview></gridview>

When i collapse first column <td>then second column <td>also collapsed. but, it should not like that. When i coolapse first panel then second and third column remain the same place (second and third column should not
collapse) How to do that..?

My code:

XML
<table>
    <tr>
        <td>
        <div id="dlg" class="dialog" style="width: 460px">
            <div class="header" style="cursor: default">
                <div class="outer">
                    <div class="inner">
                        <div class="content">
                            <h2>Civil &amp; Structural Employees (Regular)</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="body">
                <div class="outer">
                    <div class="inner">
                        <div class="content">
                            <asp:Panel ID="pnlEngDesig" runat="server" CssClass="grid">

<asp:UpdatePanel ID="pnlUpdate" runat="server">
    <contenttemplate>
        <asp:GridView Width="100%" AllowPaging="True" ID="gvEngDesig" AutoGenerateColumns="False"
        DataSourceID="sqlDsEngDesig" runat="server" ShowHeader="False" OnRowCreated="gvEngDesig_RowCreated">
            <columns>
                <asp:TemplateField>
                <itemtemplate>
                    <asp:Panel CssClass="group" ID="pnlEngDesig" runat="server">
                    <asp:Image ID="imgCollapsible" CssClass="first" ImageUrl="~/GridImg/plus.png"
                    Style="margin-right: 5px;" runat="server" /><span class="header">

                    <%# Eval("emp_Design")%>
                    :
                    (<%#Eval("Totalcount")%>)
                    </span>

                    <asp:SqlDataSource ID="sqlDsEngDesig" runat="server" ConnectionString="<%$ ConnectionStrings:MPP %>"
                    SelectCommand="Select emp_number,emp_name+' '+emp_initial as name,emp_designation,Manpower_Division_ID
                    from idpeapp.dbo.view_employee where emp_dept =16 and Manpower_Division_ID=@Manpower_Division_ID
                    and emp_number not in (select emp_number from csMPExcludedList) order by emp_name">
                        <SelectParameters>
                            <asp:Parameter Name="Manpower_Division_ID" Type="String" DefaultValue="" />
                        </SelectParameters>

                    <asp:Panel Style="margin-left: 20px; margin-right: 20px" ID="pnlList" runat="server">
                        <asp:GridView AutoGenerateColumns="false" CssClass="grid" ID="gvOrders" DataSourceID="sqlDsEngDesig"
                            runat="server" ShowHeader="true" EnableViewState="false" />
                </itemtemplate>
            </columns>
    </contenttemplate>

            </div>
        </div>
        </div>
    </div>
    </div>
</td>
</tr>
</table>
Posted
Updated 11-Jul-11 9:59am
v2
Comments
gani7787 9-Jul-11 11:45am    
any help. pls..

1 solution

Sounds feasible to me. I don't see what you're asking, without any code. Yes, it sounds reasonable and if it looks OK, then it's working.
 
Share this answer
 

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