Compartir a través de

Cómo: Dar formato mediante estilos a los elementos del control Calendar de servidor Web

  • Artículo

Actualización: noviembre 2007

El control Calendar, al igual que la mayoría de los controles de servidor Web, permite utilizar estilos para especificar la apariencia del control, incluidos los aspectos como la fuente, el color y los bordes. Para obtener información general acerca de cómo se utilizan los estilos con controles de servidor Web, vea Controles de servidor Web ASP.NET y estilos de CSS.

Nota:

No todos los exploradores son totalmente compatibles con los estilos.

Para ofrecer flexibilidad a la hora de personalizar la apariencia de los resultados del calendario, el control Calendar admite estilos para distintos elementos que configuran la cuadrícula del calendario. El diagrama siguiente muestra un calendario con todos los elementos opcionales visibles.

La tabla siguiente describe cada uno de los elementos que se pueden controlar mediante estilos.

Elemento del calendario

Descripción

DayStyle

Días del mes actual. Los fines de semana, el día actual y el día seleccionado pueden tener estilos diferentes (vea más adelante).

DayHeaderStyle

Fila que se encuentra sobre el calendario, donde aparecen los nombres de los días.

NextPrevStyle

Secciones de los extremos izquierdo y derecho de la barra de título, donde se encuentran los botones de vínculos de desplazamiento por meses.

OtherMonthDayStyle

Días del mes anterior y siguiente que aparecen en la vista del mes actual.

SelectedDayStyle

Día seleccionado por el usuario.

SelectorStyle

Columna de la izquierda, que contiene vínculos para seleccionar una semana o todo el mes.

TitleStyle

Barra de título en la parte superior del calendario, que contiene el nombre del mes y los vínculos de desplazamiento entre meses. Si se establece NextPrevStyle, reemplaza los extremos de la barra de título.

TodayDayStyle

Fecha actual.

WeekendDayStyle

Días de la semana.

Para definir los estilos de los elementos de calendario mediante programación

  1. Escriba un elemento de estilo, por ejemplo <DayStyle> o <TitleStyle>, en la página como un elemento secundario del control Calendar. Para obtener información de la sintaxis, vea Calendar (Control de servidor Web)

  2. Defina las propiedades (atributos) del elemento de estilo, como BackColor o BorderWidth.

    A continuación se muestra la declaración de un control Calendar con un elemento DayStyle:

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

También puede establecer elementos de estilo en tiempo de ejecución en código.

Para establecer estilos de elementos de calendario mediante programación

  • Establezca las propiedades de los elementos de estilo individuales con la siguiente sintaxis:

    Calendar1.StyleName.Property = setting

    En los ejemplos siguientes se muestran algunos parámetros de estilo típicos para el control 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;
    Nota:

    Para obtener información detallada sobre cómo se establecen las propiedades, vea Establecer las propiedades de un control de servidor ASP.NET.

Vea también

Conceptos

Información general sobre Calendar (Control de servidor Web)