Condividi tramite

Procedura: formattare gli elementi del controllo server Web Calendar utilizzando gli stili

  • Articolo

Aggiornamento: novembre 2007

Analogamente alla maggior parte dei controlli server Web, il controllo Calendar consente di utilizzare stili che ne specificano l'aspetto, inclusi il tipo di carattere, il colore e i bordi. Per informazioni generali sull'utilizzo degli stili per i controlli server Web, vedere Controlli server Web ASP.NET e stili CSS.

Nota:

Gli stili non sono supportati completamente da tutti i browser.

Per consentire una personalizzazione flessibile dell'aspetto dell'output del calendario, il controllo Calendar supporta gli stili per alcuni elementi distinti che ne costituiscono la griglia. Nel diagramma seguente viene mostrato un calendario con tutti gli elementi opzionali visualizzati.

Nella tabella che segue sono illustrati gli elementi che è possibile controllare tramite gli stili.

Elemento di Calendar

Descrizione

DayStyle

Giorni del mese corrente. I giorni del fine settimana, la data odierna e il giorno selezionato possono avere stili diversi, come indicato di seguito.

DayHeaderStyle

La riga al di sopra del calendario in cui sono visualizzati i nomi dei giorni.

NextPrevStyle

Le sezioni a sinistra e a destra della barra del titolo in cui si trovano i controlli LinkButton di spostamento tra i mesi.

OtherMonthDayStyle

I giorni del mese precedente e successivo presenti sulla visualizzazione del mese corrente.

SelectedDayStyle

Il giorno selezionato dall'utente.

SelectorStyle

La colonna a sinistra che contiene i collegamenti per la selezione di una settimana o dell'intero mese.

TitleStyle

La barra del titolo nella parte superiore del calendario che contiene il nome del mese e i collegamenti di esplorazione dei mesi. Se si imposta NextPrevStyle, viene eseguito l'override delle estremità della barra del titolo.

TodayDayStyle

La data odierna.

WeekendDayStyle

I giorni del fine settimana.

Per impostare gli stili degli elementi del calendario

  1. Inserire nella pagina un elemento di stile, ad esempio <DayStyle><TitleStyle>, come elemento figlio del controllo Calendar. Per la sintassi, vedere Controllo server Web Calendar.

  2. Impostare le proprietà (ovvero gli attributi) dell'elemento di stile, come BackColor o BorderWidth.

    Di seguito viene illustrata la dichiarazione di un controllo Calendar con un elemento DayStyle:

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

È anche possibile impostare gli elementi di stile in fase di esecuzione nel codice.

Per impostare gli stili degli elementi del calendario a livello di codice

  • Impostare le proprietà dei singoli elementi di stile mediante la seguente sintassi:

    Calendar1.StyleName.Property = setting

    Negli esempi seguenti vengono illustrate alcune impostazioni tipiche per il controllo 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:

    Per informazioni dettagliate sull'impostazione delle proprietà, vedere Impostazione delle proprietà dei controlli server ASP.NET.

Vedere anche

Concetti

Cenni preliminari sul controllo server Web Calendar