Animeeritud numbrid sisukomponenti saab lisada artiklisse eraldiseisvana või horisontaaljaotuse sisse. Selle sisu lisamiseks on vaja täita viis välja:

  • Esitlusviis - määrab kas animeeritakse numbrit või protsenti.
  • Animatsiooni kiirus sekundites - kui külastaja jõuab artiklis animeeritud numbrini, siis algab animatsioon ja kestab määratud aja vältel.
  • Algväärtus - väärtus, millest animatsiooni alustatakse.
  • Lõppväärtus - väärtus, milleni toimub animatsioon.
  • Lisainfo - tekst, mida kuvatakse numbri alla.

Sisukomponent, mis on lisatud eraldiseisvana protsent, kiirus 5 sekundit, algväärtus 15,7, lõppväärtus 23,9 ja lisainfo "Protsendi  muutus"

0%

Protsendi muutus

0%

miljonit eurot

Sisukomponenti saab asetada horisontaaljaotuse sisse ja seda soovile või sõnumile vastavalt kujundada.

Tegemist näitega, kus horisontaaljaotuse sisse on on pagutatud animeeritud numbrid ja tekstilõik (jaotus 33/66)

Animeeritud numbrid sisukomponendil on käitumismäärangutes lisatud taustavärv (#0083086) ja teksti värv valge.

Esitlusviisiks on valitud number, animatsiooni kiiruseks 10 sekundit, algväärtus 16,6 ja lõppväärtus 17,8. Lisainfo väljale on tekst "miljonit eurot"  

Taustavärvide muutmine toimub komponendi käitumismäärangutes peale artiklisse lisamist ja see kattub tekstilõigu taustavärvi määrangutega, mille kohta saad info SIIT.

Taustavärvide valikul kasuta valitsusportaali põhivärvi (#003086) või anna sõnumi sisule vastav värv (negatiivne #BA432A  või positiivne  #3FC380). Valitsusportaali värvikoodide info leiad SIIT

Suurte numbrite puhul kasuta koma kohti ja lisa lisainfo väljale vastav selgitus. Esialgsed katsetuse näitavad, et animatsioonid, mis kestavad üle 10 sekundi muutuvad avalikus vaates kergelt tüütuks (vt all "mahu langus" komponenti).

0%

mahu langus

0%

näitaja langus

0%

näitaja kasv

Viimati uuendatud 30.10.2025

search block image

Kas sellest lehest oli abi?