19 messaggi dal 02 gennaio 2002
Salve a tutti.
Vorrei poter definire lo stile di un controllo Calendar usando un semplice CSS nella cartella di un mio layout in AppThemes. Preferirei non usare skin, solo CSS. Il problema e' che ho un CSS ricevuto dai grafici organizzato cosi':

@charset "utf-8";
/* CSS Document */

.calendar {
  width: 232px;
  padding: 0;
  margin: 0 0 0 60px;
  border-left: 1px solid #A2ADBC;
  font: normal 12px/20px Arial, Helvetica, sans-serif;
  color: #616B76;
  text-align: center;
  background-color: #fff;
}

.calendar .nav, .calendar .nav a {
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #fff;  
  text-align: center;
  text-decoration: none;
}  


.calendar .caption {
  margin: 0;
  padding: 0;
  width: 232px;
  background: #A2ADBC;
  color: #fff;   
  font: bold 112px Arial, Helvetica, sans-serif;
  text-align: center;
}

.calendar th {
  font: bold 11px/20px Arial, Helvetica, sans-serif;
  color: #616B76;
  background: #D9E2E1;
  border-right: 1px solid #A2ADBC;
  border-bottom: 1px solid #A2ADBC;
  border-top: 1px solid #A2ADBC;
}

.calendar .today, .calendar td.today a, .calendar td.today a:link, .calendar td.today a:visited {
  color: #F6F4DA;
  font-weight: bold;
  background: #DF9496;
}

.calendar td {
  border-right: 1px solid #A2ADBC;
  border-bottom: 1px solid #A2ADBC;
  width: 33px;
  height: 33px;
  text-align: center;
  background: url(../../images/bg_calendar.gif) no-repeat right bottom;
}

.calendar td a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  width: 33px;
  height: 33px;
}

.calendar td a:link, .calendar td a:visited {  
  color:#09F;
  background-color:#CCC;
}

.calendar td a:hover, .calendar td a:active {
  color:#03F;
  background-color:#CCC;
}


Per contro l'oggetto Calendar e' richiamato cosi':

<asp:Calendar ID="CalendarServizio" runat="server" CssClass="calendar">
<TitleStyle CssClass="calendar.caption" />
</asp:Calendar>


Apparentemente la sottoclasse (ammesso che questo si il termine corretto) caption non e' minimamente considerata da TitleStyle. Il controllo Calendar sembra leggere solo la classe calender. Qualcuno puo' suggerirmi la sintassi corretta per richiamare una sottoclasse nell'attributo CSSClass di TitleStyle ? Grazie per ogni aiuto.
In linea di massima (non ho grande esperienza con il controllo Calendar) dovrebbe bastare
<asp:Calendar ID="CalendarServizio" runat="server" CssClass="calendar">
<TitleStyle CssClass="caption" />
</asp:Calendar>
.

Per come è definito il css
.calendar .caption {
  ...
}


verranno selezionati tutti gli elementi con classe 'caption' contenuti in elementi con classe 'calendar'

Gianluca
http://www.gianlucaesposito.it

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.