Table - TylorJJPublicLibrary/SystemUI GitHub Wiki

thead

Normal Button

Instruction

This style is used to show title of field in tables. Add class=Parent to th or td. ( th is better )

Example
	Response.Write("<th class=""Parent"">Product Name</th>") 
	Response.Write("<th class=""Parent"">Supplier</th>")

tbody - td with color

Normal Button

Instruction

This style is used to show Informations.

Code
	Response.Write("<table class=""Form"" cellpadding=""0"" cellspacing=""0"">") 
	Response.Write("	<tr>")
	Response.Write("		<td>")
	Response.Write("		</td>")
	Response.Write("	</tr>")	
	Response.Write("</table>")
Style
	.Form td{  
		font-family: "Open Sans";
    	font-size: 13px;
    	background-color: #fdf4d9;
	}

tbody - td with color

Normal Button

Instruction

This is used to show Detail. Usually has sub table. ( Like Task Detail )

Code
	Response.Write("<table class="""" cellpadding=""0"" cellspacing=""0"">") 
	Response.Write("	<tr class=""Dim"">")
	Response.Write("		<td>")
	Response.Write("		</td>")
	Response.Write("	</tr>")	
	Response.Write("</table>")
Style
	tr.Dim{  
		background-color: #fadf90;  
	}

Sub Table

Normal Button

Instruction

This is used to show more informations of one Objective, such as Product.

Code
	Response.Write("<table class=""Table"" cellpadding=""0"" cellspacing=""0"">") 
	Response.Write("	<tr class=""NoHover"">")
	Response.Write("		<td class=""SubTableCell"">")
	Response.Write("		</td>")
	Response.Write("	</tr>")	
	Response.Write("</table>")
Style
	.SubTableCell {
    	border-bottom: 1px #ccc solid;
    	background-color: #f0f0f0;
    	background-image: url(../../images/BottomShaddow.png), url(../../images/TopShaddow.png);
    	background-position: top left, bottom left;
    	background-repeat: repeat-x;
	}
	
	.Table td.SubTableCell {
    	padding: 0 !important;
	}

Encompass UI Team

⚠️ **GitHub.com Fallback** ⚠️