Click here to Skip to main content
15,935,728 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
i have a project where first user upload some documents and then admin approves it.... i show documents in repeater table and use it so when admin log in and click on submit button for approving documents like this please check pic like this table pic[^]

and when i click on submit button then table entirely changes a different look like this it show some thing like a very long columns
WHEN CLICK ON BUTTON THEN TABLE CHANGE[^]

this is ASPX.CS PAGE
ASP.NET
<div class="CSSTableGenerator">
                        <table border="0" width="100%" cellpadding="0" cellspacing="0" id="results">
                            <asp:Repeater ID="Repeater2" OnItemCommand="Repeater2_ItemCommand"
                                runat="server" onitemdatabound="Repeater2_ItemDataBound">
                                <HeaderTemplate>
                                    <tr>
                                        <%--<td>


                                        </td>--%>
                                        <td>
                                           DocumentID
                                        </td>
                                        <td>
                                           Document Name
                                        </td>
                                        <td>
                                            File Name
                                        </td>
                                        <td>
                                           Uploaded By
                                        </td>
                                        <td>
                                            Email
                                        </td>

                                        <td>
                                            Department
                                        </td>
                                        <td>
                                            Status

                                        </td>

                                    </tr>
                                </HeaderTemplate>
                                <ItemTemplate>
                                    <tr>

                                        <td>
                                        <asp:Label Id="DocId" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "DocID")%>'></asp:Label>
                                        </td>
                                        <td>
                                        <asp:Label Id="DocName" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "DocName")%>'></asp:Label>
                                        </td>
                                        <td>
                                        <asp:Label Id="Uploadfile" runat="server"  Text='<%#DataBinder.Eval(Container.DataItem, "Uploadfile")%>'></asp:Label>
                                        </td>
                                         <td>
                                        <asp:Label Id="Label1" runat="server"  Text='<%#DataBinder.Eval(Container.DataItem, "UploadedBy")%>'></asp:Label>
                                        </td>
                                         <td>
                                        <asp:Label Id="YourEamil" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "UserEmail")%>'></asp:Label>
                                        </td>

                                        <td>
                                        <asp:Label Id="DepType" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "DepType")%>'></asp:Label>
                                        </td>

                                                                       <td>


                                 <asp:Label ID="lblCountry" runat="server" Text='<%# Eval("ApproveID") %>' Visible = "false" />
                  <asp:DropDownList ID="DropDownList4" runat="server" EnableViewState="true" class="vpb_dropdown1" DataTextField="ApproveType" DataValueField="ApproveID" AutoPostBack="true" OnSelectedIndexChanged="DropDownList4_SelectedIndexChanged">
                                 <asp:ListItem Text="Pending" selected="selected" Value="3"></asp:ListItem>
                                 <asp:ListItem Text="Approve" Value="1"></asp:ListItem>
                                 <asp:ListItem Text="Reject" Value="2"></asp:ListItem>
                            </asp:DropDownList>
                            </td>
                            </tr>
                            </ItemTemplate>
                                </asp:Repeater>
                                </table>
                                </div>





ok here is CSS
CSS
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	background-color:#d3e9ff;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#aad4ff;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:9px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #0057af 5%, #0057af 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #0057af) );
	background:-moz-linear-gradient( center top, #0057af 5%, #0057af 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#0057af");	background: -o-linear-gradient(top,#0057af,0057af);

	background-color:#0057af;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:9px;
	font-family:Arial;
	font-weight:normal;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #0057af 5%, #0057af 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #0057af) );
	background:-moz-linear-gradient( center top, #0057af 5%, #0057af 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#0057af");	background: -o-linear-gradient(top,#0057af,0057af);

	background-color:#0057af;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

   .CSSTableGenerator span {font-size:9px;} 
               .CSSTableGenerator  td
            {
                  padding-left: 4px;     
                  padding-right: 4px;    
              } 

can any one here please tell me where is the probelm occur?
Posted
Updated 20-Jan-14 20:30pm
v4
Comments
Drazen Pupovac 20-Jan-14 17:07pm    
Can you provide CSS?
What is happening with HTML in order to show green message?
JoCodes 20-Jan-14 22:26pm    
Without knowing what styles you have applied in the css it wont be possible to know where its going wrong.
Diya Ayesa 21-Jan-14 2:30am    
CHECK MY UPDATE QUESTION I POST CSS
JoCodes 21-Jan-14 3:56am    
Reply to the comment instead of to your question so that it will be notified.
Diya Ayesa 21-Jan-14 13:19pm    
what>

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