DCE "Counter"
Elementbeschreibung
Mit diesem Element können Counter auf einer Seite eingefügt werden. Jeder einzelne Counter kann mit seinem Zielwert sowie einem individuellen Icon definiert werden.
![](/fileadmin/user_upload/Icons/icon_publications.png)
![](/fileadmin/user_upload/Icons/icon_awards.png)
![](/fileadmin/user_upload/Icons/icon_phd.png)
Design
Das Design dieses Elementes ist angelegt auf die komplette Seitenbreite. Der Redakteur kann unbegrenzt Counter hinufügen. Es erfolgt eine automatische Umschaltung der Anordnung. Auf dem Desktop View werden standardmäßig 3 Counter nebeneinander angezeigt. Der 4., 7., 10., etc. Counter werden dann in einer jeweils weiteren Zeile angezeigt.
Es stehen 3 Designs zur Gestaltung des Elements zur Verfügung. Diese können durch des "Background Type" gewählt werden:
None
Das Element wird mit weißem Hintergrund und blauem Inhalt angezeigt.
Background Color
Das Element wird mit einfarbigem hellblauen Hintergrund und dunklem Inhalt angezeigt.
Background Image
Das Element wird mit dem Corporate Design Bild im Hintergrund angezeigt. Der Inhalt wird in heller Form gezeigt.
![Einstellung des Hintergrundes](https://bifold.berlin/fileadmin/_processed_/e/c/csm_DCE_Counter_Background_0e12c9ae35.png)
Felder
Image/Icon
Es kann ein Icon / Bild hinzugefügt werden.
Dateitypen
Es können Grafikdateien im PNG oder GIF Format genutzt werden. Idealer Weise kann das Icon animiert sein. Das Dateiformat sollte quadratisch, mindestens 110 x 110px sein und eine Auflösung von 72dpi haben.
WICHTIG
Das Bild sollte einen transparenten Hintergrund haben, um die jweilig gewählten Hintergründe des Designs nicht mit einer weißen Fläche zu überlagern.
Number
Hier muss der Endwert des Counters eingetragen werden. Bis zu diesem Wert wird von 0 beginnend hochgezählt. Es muss ein ganzzahliger Wert ohne Kommastellen und Tausender-Trennzeichen eingegeben werden.
Label
Das Label wird unter dem Counter angezeigt und beschriebt den Inhalt des Wertes.
![Einstellungen je Counter](https://bifold.berlin/fileadmin/_processed_/0/9/csm_DCE_Counter_Einstellungen_9e922cc8dc.png)
Besonderheiten
keine