Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: lemonsong - 11 Maggio, 2014, 14:20:44

Titolo: [v10 - Pro] Cambiare colori "Calendario" (campo data, modulo mail)
Inserito da: lemonsong - 11 Maggio, 2014, 14:20:44

Citazione

Come si fa a cambiare i colori del calendario, attivabile dal campo data del modulo mail?

QUI (http://lemonsong.altervista.org/test_imDatePicker/) un esempio fatto con la Pro 10.1.4.45 (demo).

Per questo esempio sono stati utilizzati dei CSS da inserire in Proprietà Pagina - Esperto - Prima della chiusura del tag HEAD:

Citazione

<style>
#imDatePicker {
background-color: #AD9F8D !important;
border: 2px solid #C1B7A9 !important;
}
#imDatePicker .day {
background: none !important;
border: 1px solid #C1B7A9 !important;
}
#imDatePicker .day:hover {
background-color: #FF2A2A !important;
}
#imDatePicker .selDay {
background-color: #DCC9B0 !important;
}
#imDatePicker #imDPHead {
background: #9A8972 !important;
border: 1px solid #C1B7A9 !important;
}
</style>

Provare a cambiare i valori in rosso per identificare la "parte" da personalizzare.
Eventualmente possiamo anche modificare lo stile del bordo (solid).

Per altre personalizzazioni, potrebbe essere necessario aggiungere altre regole/proprietà CSS.


Un paio di link utili:

• http://www.w3schools.com/cssref/css_colorsfull.asp (http://www.w3schools.com/cssref/css_colorsfull.asp)
• http://www.w3schools.com/css/css_border.asp (http://www.w3schools.com/css/css_border.asp)