Share via

Como: Formato calendário controle de servidor Web elementos usando estilos

  • Artigo

O controle Calendar, como a maioria dos controles de servidor Web, permite que você use estilos para especificar a aparência do controle, incluindo aspectos como fonte, cor e bordas.Para obter informação geral sobre o uso de estilos com controles de servidor Web, veja Controle de Servidor Web do ASP.NET e Estilos CSS.

Observação:

Não há suporte para estilos CSS em todos os navegadores.

Para dar a você flexibilidade em personalizar a aparência da saída de calendário, o controle Calendar suporta estilos de um certo número de elementos discretos que compõem a grade de calendário.O diagrama a seguir mostra um calendário com todos os elementos opcionais mostrados.

A tabela a seguir descreve cada um dos elementos que você pode controlar usando estilos.

Elemento de Calendário

Descrição

DayStyle

Dias do mês atualFinais de semana, hoje e o dia selecionado podem ter estilos diferentes (veja abaixo).

DayHeaderStyle

Linha acima do calendário onde os nomes dos dias aparecem.

NextPrevStyle

Seções que terminam à esquerda ou à direita da barra de título, onde os botões de link do mês de navegação estão.

OtherMonthDayStyle

Dias do mês anterior e do próximo que aparecem no modo de exibição do mês atual.

SelectedDayStyle

O dia selecionado pelo usuário.

SelectorStyle

A coluna à esquerda contendo links para selecionar uma semana ou um mês todo.

TitleStyle

Barra de título no topo do calendário contendo o nome do mês e os links do mês de navegação.Se NextPrevStyle está definido, ele substitui o final extremo da barra de título.

TodayDayStyle

Data de hoje.

WeekendDayStyle

Dias da semana.

Para definir estilos de elementos de calendário

  1. Digite um elemento de estilo tal como um elemento <DayStyle> ou <TitleStyle> na página como um filho do controle Calendar.Para obter a sintaxe, consulte Controle do Servidor Web de Calendário.

  2. Defina propriedades (atributos) do elemento de estilo, como BackColor ou BorderWidth.

    A seguir mostra uma declaração do controle de calendário com um elemento DayStyle.

    <asp:Calendar id="Calendar1" >
   <DayStyle BackColor="#FF8080" 
      BorderWidth="2"
      BorderStyle="Groove">
   </DayStyle>
</asp:Calendar>

Você também pode definir os elementos de estilo em tempo de execução no código.

Para definir estilos do elemento calendário de forma programável

  • Defina as propriedades dos elementos de estilo individuais usando a seguinte sintaxe:

    Calendar1.StyleName.Property = setting

    Os exemplos a seguir ilustram algumas configurações típicas de estilo para o controle Calendar:

    Calendar1.DayStyle.Font.Size = New FontUnit(10)
Calendar1.TitleStyle.ForeColor = System.Drawing.Color.Red

    Calendar1.DayStyle.Font.Size = new FontUnit(10);
Calendar1.TitleStyle.ForeColor = System.Drawing.Color.Red;
    Observação:

    Para obter detalhes sobre como definir propriedades, veja Configuração de Propriedades de Controle do Servidor ASP.NET.

Consulte também

Conceitos

Visão geral sobre controle do Servidor Web de calendário