Above is an example of dnnGrid where you see the basic design has been applied. Using the CSS provided in default.css, you should be able to accomplish a simple and clean design for the grid.
<div class="dnnForm dnnSecurityRoles"> <asp:datagrid id="grdRoles" Width="98%" AutoGenerateColumns="false" EnableViewState="false" runat="server" BorderStyle="None" GridLines="None" CssClass="dnnGrid"> <headerstyle cssclass="dnnGridHeader" verticalalign="Top"/> <itemstyle cssclass="dnnGridItem" horizontalalign="Left" /> <alternatingitemstyle cssclass="dnnGridAltItem" /> <edititemstyle cssclass="dnnFormInput" /> <selecteditemstyle cssclass="dnnFormError" /> <footerstyle cssclass="dnnGridFooter" /> <pagerstyle cssclass="dnnGridPager" /> <columns> <asp:templatecolumn> <itemtemplate> <a href="#"><img src="http://uxguide.dnngallery.com/icons/sigma/Edit_16X16_Standard.png" alt="Edit"/></a> </itemtemplate> </asp:templatecolumn> <asp:templatecolumn> <itemtemplate> <a href="#"><img src="http://uxguide.dnngallery.com/icons/sigma/Users_16X16_Standard.png" alt="Edit"/></a> </itemtemplate> </asp:templatecolumn> <asp:boundcolumn DataField="RoleName" HeaderText="Name"> </asp:boundcolumn> <asp:boundcolumn DataField="Description" HeaderText="Description"> </asp:boundcolumn> <asp:templatecolumn HeaderText="Auto"> <itemtemplate> <dnn:Dnnimage Runat="server" ID="Image1" IconKey="Checked" Visible='<%# DataBinder.Eval(Container.DataItem,"AutoAssignment") %>' /> <dnn:Dnnimage Runat="server" ID="Image2" IconKey="Unchecked" Visible='<%# !(bool)DataBinder.Eval(Container.DataItem,"AutoAssignment") %>' /> </ItemTemplate> </asp:templatecolumn> </columns> </asp:datagrid> </div>
©2016 DNN Corp. All Rights Reserved. Privacy Statement. Terms Of Use.