Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Farbe für Ladeanimation

Image Removed

...

Colori della rotella di caricamento

Image Added

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.

Info

<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

Info

Mittels CSS kann man die Struktur bzw. Gestaltung der Seite beeinflussen. CSS ist für das optische Erscheinungsbild verantwortlich.

Damit die Schriftart am TOSC5 wie gewünscht angezeigt wird, muss dies im Code mittels CSS-Datei integriert werden.

...

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.

Info

<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>

Schriftart hinterlegen

...


Font

Per sovrascrivere il carattere sul widget Cerca&Prenota, è necessario impostare una regola CSS.

Questa dovrà essere adattata come desiderato.

Info

.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;
}

...