Comment : mettre en forme des éléments du contrôle serveur Web Calendar à l'aide de styles

  • Article

Mise à jour : novembre 2007

Le contrôle Calendar, comme la plupart des contrôles serveur Web, vous permet d'utiliser des styles pour définir son apparence, en particulier sa police, sa couleur et ses bordures. Pour des informations générales sur l'utilisation de styles avec les contrôles serveur Web, consultez Contrôles serveur Web ASP.NET et styles CSS.

Remarque :

Les styles ne sont pas pris en charge par tous les navigateurs.

Pour vous offrir plus de souplesse dans la personnalisation de l'apparence du calendrier, le contrôle Calendar prend en charge des styles pour un certain nombre d'éléments discrets constituant la grille du calendrier. La figure suivante montre un calendrier dans lequel sont affichés tous les éléments facultatifs.

Le tableau suivant décrit chacun des éléments que vous pouvez définir à l'aide des styles.

Élément de calendrier

Description

DayStyle

Jours du mois en cours. Les jours de la semaine, le jour actuel et le jour sélectionné peuvent avoir des styles différents (voir ci-dessous).

DayHeaderStyle

Ligne située au-dessus du calendrier et dans laquelle s'affiche le nom des jours.

NextPrevStyle

Sections situées à gauche et à droite de la barre de titre où sont situés les LinkButtons pour la navigation de mois en mois.

OtherMonthDayStyle

Jours des mois précédent et suivant qui apparaissent dans la vue du mois en cours.

SelectedDayStyle

Jour sélectionné par l'utilisateur.

SelectorStyle

Colonne de gauche contenant des liens pour la sélection d'une semaine ou de tout le mois.

TitleStyle

Barre de titre située en haut du calendrier et contenant le nom du mois ainsi que des liens pour la navigation de mois en mois. Si l'élément NextPrevStyle est défini, il substitue les extrémités de la barre de titre.

TodayDayStyle

Date du jour

WeekendDayStyle

Jours de la semaine

Pour définir les styles des éléments de calendrier

  1. Tapez un élément de style, par exemple un élément <DayStyle> ou <TitleStyle>, dans la page en tant qu'enfant du contrôle Calendar. Pour plus d'informations, consultez Calendar, contrôle serveur Web

  2. Définissez les propriétés (attributs) de l'élément de style, par exemple BackColor ou BorderWidth.

    Le code suivant montre une déclaration de contrôle Calendar avec un élément DayStyle :

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

Vous pouvez également définir des éléments de style dans le code au moment de l'exécution.

Pour définir par programme les styles des éléments de calendrier

  • Définissez les propriétés de chaque élément de style en utilisant la syntaxe suivante :

    Calendar1.StyleName.Property = setting

    Les exemples suivants illustrent certains paramètres de style fréquemment définis pour le contrôle 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;
    Remarque :

    Pour plus d'informations sur la définition de propriétés, consultez Définition des propriétés des contrôles serveur ASP.NET.

Voir aussi

Concepts

Vue d'ensemble du contrôle serveur Web Calendar