Tutorial: Caratteri e design
- Rita Turner
- Supporto Feratel
Colori della rotella di caricamento
Durante il caricamento del widget Cerca&Prenota, viene visualizzata una rotella di caricamento. I colori di questa animazione possono essere regolati con la seguente impostazione.
<script>
window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments) };
dw('settings','e4bd6533-da85-4d55-a95d-8485b7ad3346',
{
"lang": 'en',
"target": "ElementID",
"loadingAnimationColor": {
"main": '#41ffad',
"alt": '#d2d2d2'
}
});
</script>
<script async src="https://resc.deskline.net/DW5/start/ATDEMO/e4bd6533-da85-4d55-a95d-8485b7ad3346/index.js"></script>
Caricare il proprio CSS
I CSS possono essere utilizzati per modificare la struttura o il design della pagina e sono i responsabili dell’effetto grafico.
Affinché il carattere sia visualizzato sul widget come desiderato, è necessario integrarlo nel codice mediante un file CSS.
L'esempio seguente mostra dove inserire, all’interno del codice, il caricamento dei file CSS.
<script>
window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments) };
dw('settings','e4bd6533-da85-4d55-a95d-8485b7ad3346',
{
"lang": 'en',
"target": "ElementID",
"styleResources":[
'https://www.example.com/styles1.css',
'https://www.example.com/styles2.css'
]
});
</script>
<script async src="https://resc.deskline.net/DW5/start/ATDEMO/e4bd6533-da85-4d55-a95d-8485b7ad3346/index.js"></script>
Font
Per sovrascrivere il carattere sul widget Cerca&Prenota, è necessario impostare una regola CSS.
Questa dovrà essere adattata come desiderato.
.app_root,body,dw-app-container,.mdc-form-field, .mdc-button.mdc-button--secondary.mdc-button--raised.mdc-ripple-upgraded, .mdc-button, .f-bold ft2{
font-family: 'Germania One', cursive!important;
}