.mGrid {
width: 100%;
background-color: #fff;
margin: 5px 0 10px 0;
border: solid 1px #525252;
border-collapse:collapse;
}
.mGrid td {
padding: 2px;
border: solid 1px #c1c1c1;
color: #717171;
}
.mGrid th {
padding: 4px 2px;
color: #fff;
background: #424242 url(grd_head.png) repeat-x top;
border-left: solid 1px #525252;
font-size: 0.9em;
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td {
border-width: 0;
padding: 0 6px;
border-left: solid 1px #666;
font-weight: bold;
color: #fff;
line-height: 12px;
}
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgrD A:link {color:#0466c1;}
.mGrid .pgr A:visited {color:#0466c1;}
.mGrid .pgr A:hover {color:#0466c1;}
.mGrid .pgr A:active {color:#0466c1;}
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
images must be placed within style file
grd_alt.png
grd_head.png
grd_pgr.png
In grid this style can by defined as follows:
<asp:GridView ID=gv runat=server BorderWidth="0" CellPadding=0 CellSpacing=0 Width="100%" CssClass="mGrid"
AllowPaging=false AllowSorting=false AutoGenerateColumns="False" SkinID=gvSkinMergePeople>
<Columns>
<asp:TemplateField HeaderText="dealer#" >
<ItemTemplate>
<a href='Edit.aspx?id=<%#Eval("Id") %>'> <%#Eval("dealer_") %></a>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField HeaderText="Client Name" DataField="dealer_name" />
<asp:BoundField HeaderText="Group" DataField="group" />
<asp:BoundField HeaderText="industry" DataField="industry" />
<asp:BoundField HeaderText="status" DataField="dealer_status" />
<asp:BoundField HeaderText="service begins" DataField="service_begins" DataFormatString="{0:mm/dd/yyyy}" />
<asp:BoundField HeaderText="CommissionType" DataField="RevenueSegmentValue" />
<asp:BoundField HeaderText="BudRank" DataField="BudRank" />
<asp:BoundField HeaderText="ForecastRank" DataField="ForecastRank" />
</Columns>
<EmptyDataTemplate>
<table cellpadding=0 cellspacing=0 border=0 width=100% height=100%>
<tr>
<td align=center height="40">
<asp:Label ID=lblEmptyMessage runat=server Text="No Records Found" CssClass="NewPlainText"></asp:Label>
</td>
</tr>
</table>
</EmptyDataTemplate>
</asp:GridView>
No comments:
Post a Comment