Compartir a través de

Cómo: Personalizar la apariencia del control Calendar de servidor Web

  • Artículo

Actualización: noviembre 2007

Dado que el control Calendar es un control complejo compuesto de muchos elementos individuales, ofrece una gran variedad de opciones que permiten personalizar su apariencia.

Cambiar la apariencia general del calendario

El control Calendar establece una apariencia predeterminada para el calendario de la página, pero se puede cambiar el aspecto general del calendario. Si establece las propiedades de apariencia para elementos individuales del calendario, como la fecha de hoy, la fecha seleccionada, etc., la configuración individual se basa en la configuración predeterminada realizada para el calendario en general. También puede seleccionar uno de los formatos predeterminados.

Nota:

De forma predeterminada, no existe un formato especial para indicar la fecha actual en el control Calendar. Para obtener información detallada sobre cómo establecer este formato, vea Dar formato mediante estilos a los elementos del control Calendar de servidor Web.

Para cambiar la apariencia general de un control Calendar

  • Establezca las propiedades tal y como aparecen en la tabla siguiente.

    Para especificar

    Establezca esta propiedad

    Color de fondo, fuente y texto

    Font, ForeColor, BackColor.

    Tamaño general del control

    Height, Width

    Márgenes y espacio alrededor de los días

    CellPadding, CellSpacing

    Color, tamaño y estilo (por ejemplo, con puntos) de las líneas de borde y de cuadrícula

Cambiar la presentación del día de la semana

De forma predeterminada, los nombres de los días de la semana se muestran en una fila en la parte superior del calendario. Puede controlar el formato de esta fila.

Para cambiar la presentación del día de la semana

  • Establezca las propiedades tal y como aparecen en la tabla siguiente.

    Para

    Establezca esta propiedad

    Habilitar o deshabilitar la fila que implementa los días de la semana

    ShowDayHeader, true o false

    Especificar el formato de los nombres de los días (por ejemplo, nombre completo del día o abreviatura)

    DayNameFormat (utilice un valor de la enumeración DayNameFormat: Full, Short, FirstLetter, FirstTwoLetters).

    Especificar en qué día empieza la semana (el predeterminado es el domingo)

    FirstDayOfWeek (utilice un día definido en la enumeración FirstDayOfWeek).

    Establecer el color, la fuente, el estilo y el ancho del borde, etc.

    DayHeaderStyle, que incorpora información de estilo.

Cambiar los vínculos de presentación del mes y de desplazamiento

La barra de título muestra, de forma predeterminada, el nombre del mes actual y un conjunto de vínculos de desplazamiento (controles LinkButton) que permiten a los usuarios desplazarse al mes anterior y al siguiente.

Para cambiar los vínculos de presentación del mes y de desplazamiento

  • Establezca las propiedades tal y como aparecen en la tabla siguiente.

    Para

    Establezca esta propiedad

    Quitar la barra de títulos completa (lo que deshabilita el desplazamiento por los meses)

    ShowTitle, true o false

    Especificar el formato del nombre del mes (por ejemplo, el nombre completo o una abreviatura) y, opcionalmente, agregar un año.

    TitleFormat (se establece en un valor de la enumeración TitleFormat: Month o MonthYear).

    Especificar el formato y el texto de los vínculos de desplazamiento del mes

    Establecer el color, la fuente, el estilo y el ancho del borde, etc.

    TitleStyle, que incorpora información de estilo. Para obtener información detallada, vea Dar formato mediante estilos a los elementos del control Calendar de servidor Web.

    Nota:
    Puede dar formato a los vínculos de desplazamiento por separado utilizando la propiedad NextPrevStyle.
Nota:

Puede utilizar etiquetas HTML dentro de la cadena de la propiedad.

Vea también

Conceptos

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