WebGrid – Formatação de Colunas

Através da propriedade “style” do construtor de colunas do WebGrid, é possível adicionar classes às colunas, permitindo aplicar formatações a cada coluna ( através de CSS ou jQuery ). Segue exemplo:

/* razor */
@grid.GetHtml(
 columns: 
 grid.Columns(
      grid.Column("Name", "Name", canSort: true, style: "name"),     
 grid.Column("Address", "Address", canSort: true, style: "address"
 ) 
));  

/* css */
.name {     
 width: 50px; 
} 

.address {     
 width: 300px; 
} 

ASP.Net WebPages – Interface Gráfica

O drama de todo desenvolvedor é sempre ser julgado pela beleza das interfaces gráficas dos seus aplicativos e não pelo cuidado ao implementar as funcionalidades. 

Uma forma bastante elegante de minimizar o tempo dedicado a elaboração de uma interface gráfica bonita e intuitiva é centralizar tudo aquilo que diz respeito à parte visual num único repositório comum à toda a aplicação. Os vídeos abaixo fornecem uma boa introdução a esse assunto.

• ASPNet WebPages – Creating a Consistent Look – Part 1/2
• ASPNet WebPages – Creating a Consistent Look – Part 2/2

Note que, as páginas que controlam o layout do aplicativo Web trabalham em conjunto com o CSS, não é um substituto. Como não não sou nenhum especialista no assunto, segue o link de um site bastante completo sobre isso:

• Site do Maujor

Há também um site muito legal, onde você pode fazer o download de vários templates prontos para utilizar em seus projetos.

• OS Templates