Início > .NET, CSS > ASP.net – Aplicar estilos na paginação

ASP.net – Aplicar estilos na paginação

Para que a página fique mais intuitiva ( e mais bonitinha também ) é interessante que apliquemos estilos CSS a paginação.

É bem simples fazer isso para componentes como o Grid View.

Para isso, primeiramente adicione o seguinte código ao seu CSS:

.GridPager a, .GridPager span
{
display: block;
height: 20px;
width: 18px;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.GridPager a
{
background-color: #f5f5f5;
color: #969696;
border: 1px solid #969696;
}
.GridPager span
{
background-color: orange;
color: #000;
border: 1px solid orangered;
}

Após isso no item Pager Style de sua Gridview, no parâmetro CssClass insira GridPager.

O resultado será esse:

pagerStyle

 

Basta fazer pequenas alterações no seu CSS para ficar com a cor e o estilo que você quiser.

Divirta-se e inspire-se!!

Anúncios
Categorias:.NET, CSS Tags:,
  1. Nenhum comentário ainda.
  1. No trackbacks yet.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: