Die Infokarte zeigt Datensätze als visuell ansprechende Karten mit Titel, Beschreibung, Bild und Status-Badge. Sie eignet sich ideal für Übersichten, Produktkataloge, Kontaktlisten und ähnliche Anwendungsfälle, bei denen eine kompakte, visuelle Darstellung gewünscht ist.

1. Ansichtselement anlegen (Typ: Infokarte)

   Erstellen Sie ein neues Ansichtselement in Ihrer App. Wählen Sie als Typ:

   Infokarte

   Vergeben Sie einen aussagekräftigen Namen (z. B. „Mitarbeiterkarten“).

2. Datenquelle zuweisen Pflichtfeld

   Weisen Sie dem Ansichtselement eine Datenquelle zu. Diese Datenquelle liefert die Datensätze, die als einzelne Karten dargestellt werden. Jeder Datensatz der Datenquelle wird zu einer Karte.

   Hinweis Die Datenquelle muss bereits in der App konfiguriert sein und die gewünschten Felder (z. B. Name, Bild, Status) enthalten.
3. Kartenfelder konfigurieren Pflichtfeld

   Wechseln Sie zum Tab „Infokarte“. Hier definieren Sie, welche Felder der Datenquelle auf der Karte angezeigt werden. Jedes Kartenelement (Item) wird als Zeile in der Konfigurationsliste angelegt.

   Für jedes Kartenelement stehen folgende Eigenschaften zur Verfügung:

   Eigenschaft	Beschreibung
   Feldname Pflicht	Das Datenquellenfeld, dessen Wert auf der Karte angezeigt wird (z. B. Nachname, Status).
   Feldinhalt Optional	Statischer oder formatierter Inhalt, der anstelle des Feldwerts angezeigt wird.
   Position	Die Reihenfolge des Elements auf der Karte (aufsteigend sortiert).
   Spalten	Anzahl der Spalten, die das Element im Karten-Grid einnimmt.
   Abstand (Padding)	Innenabstand des Elements in Pixeln.
   Textformat Optional	Formatierung des angezeigten Werts (z. B. Datumsformat, Zahlenformat).

4. Darstellung anpassen (optional)

   Jedes Kartenelement kann individuell gestaltet werden. Die folgenden CSS-Eigenschaften steuern das Erscheinungsbild:

   CSS-Eigenschaft	Beschreibung
   Hintergrundfarbe	Hintergrundfarbe des Kartenelements (z. B. für Status-Badges oder Hervorhebungen).
   Schriftfarbe	Textfarbe des Kartenelements.
   Rahmen	Rahmen um das Kartenelement (z. B. 1px solid #ccc).
   Schriftgröße	Größe der Schrift des Elements.
   Schriftgewicht	Schriftstärke (z. B. bold für fett, normal für Standard).
   Eigenes CSS	Beliebiges zusätzliches CSS für erweiterte Gestaltung.

   Tipp Verwenden Sie die Hintergrundfarbe sparsam und gezielt — beispielsweise für ein farbiges Status-Badge. So bleiben die Karten übersichtlich und die wichtigsten Informationen stechen hervor.
5. Template konfigurieren (optional)

   Im Bereich „Template“ können Sie ein HTML-Template für die Kartendarstellung aktivieren. Damit haben Sie volle Kontrolle über das Layout der einzelnen Karten.

   Option	Beschreibung
   Template aktiv	Schaltet das HTML-Template ein oder aus. Wenn deaktiviert, wird das Standard-Layout verwendet.
   Template-Text	Der HTML-Code für die Kartendarstellung. Platzhalter für Feldwerte können eingesetzt werden.
   Felder	Liste der Felder, die im Template verfügbar sind.
   Feldformat	Formatierungsregeln für die im Template verwendeten Felder.

   Hinweis Das Template erfordert HTML-Kenntnisse. Wenn Sie unsicher sind, verwenden Sie die Standard-Konfiguration über die Kartenfelder (Schritt 3). Das Template überschreibt die Standarddarstellung vollständig.
6. Sortierung festlegen (optional)

   Im Bereich „Sortierung“ können Sie die Reihenfolge der Karten steuern. Fügen Sie ein oder mehrere Sortierfelder hinzu und legen Sie fest, ob auf- oder absteigend sortiert werden soll.

   Hinweis Die Sortierung wirkt sich auf die Reihenfolge aller Karten aus. Bei mehreren Sortierfeldern wird zuerst nach dem ersten Feld sortiert, dann innerhalb gleicher Werte nach dem zweiten Feld usw.
7. Ansichtselement speichern

   Speichern Sie das Ansichtselement. Die Infokarte wird sofort in der App-Navigation angezeigt und stellt die Datensätze der zugewiesenen Datenquelle als Karten dar.

Die folgende Tabelle zeigt die typischen Kartenfelder und deren Verwendung im Kontext einer Infokarte:

Kann ich das Layout der Karten nachträglich ändern?

Ja. Öffnen Sie das Ansichtselement im Admin-Client und passen Sie die Kartenfelder im Tab „Infokarte“ an. Änderungen werden nach dem Speichern sofort wirksam.

Wie füge ich ein Bild zur Karte hinzu?

Legen Sie ein Kartenelement an und wählen Sie als Feldname ein Bild- oder Dateifeld aus der Datenquelle. Das Bild wird automatisch auf der Karte dargestellt. Stellen Sie sicher, dass das Datenfeld tatsächlich Bilddaten enthält.

Was ist der Unterschied zwischen Kartenfeldern und Template?

Die Kartenfelder bieten eine einfache, konfigurationsbasierte Darstellung — Sie wählen Felder aus und ordnen sie an. Das Template bietet volle Kontrolle über das HTML-Layout, erfordert jedoch HTML-Kenntnisse. Beide Varianten schließen sich gegenseitig aus: Ist das Template aktiv, wird die Kartenfeld-Konfiguration überschrieben.

Warum werden keine Karten angezeigt?

Prüfen Sie folgende Punkte:

• Ist eine Datenquelle zugewiesen und enthält sie Datensätze?
• Wurde mindestens ein Kartenelement (Item) konfiguriert?
• Sind die angegebenen Feldnamen in der Datenquelle vorhanden?

Kann ich die Sortierung der Karten beeinflussen?

Ja. Im Tab „Infokarte“ steht der Bereich „Sortierung“ zur Verfügung. Dort können Sie Sortierfelder hinzufügen und zwischen aufsteigender und absteigender Reihenfolge wählen.

Kann ich dieselbe Infokarte in einem Dashboard verwenden?

Nein. Die Infokarte ist ein eigenständiges Ansichtselement mit eigenem Navigationspunkt. Dashboard-Elemente werden separat über den Dashboard-Designer konfiguriert.