Design & Layout
      Zurück zur Startseite
      1. Knowledge Base
      2. Komponenten & Funktionalitäten
      3. Design & Layout

      Tile View

      Die TileView Komponente enthält verschiedene Kacheln. Sie finden häufig in Apps für Geräte mit Touchdisplay Anwendung, da sich auf den Kacheln viele Informationen darstellen lassen.

      In diesem Artikel lesen Sie folgende Inhalte:

      Tile View Properties

      Tile View Funktionalitäten

      Tipp! Hier sehen mehr über die Komponente.

      1. Tile View Properties

      Properties

      Beschreibung

      ID

      Bezeichnung / Benamung der Headline

      Color scheme

      Initiale Farbschemen:

      • Normal: schwarz

      • Default: blau

      • Success: grün

      • Danger: rot

      Konfiguriert in Color Schemes

      CSS class

      Elemente einer Gruppe/Klasse zuordnen, für die dann bestimmte Formatierungen gelten

      Option 1: in Properties bestehende Bootstrap-Klassen einfügen

      Option 2: über Hauptmenü in den Page Templates (für “alles verfügbar”)

      Option 3: Page definitions (nur für diese Seite)

      Tab index

      Bei Navigation in der Page mit Tastatur (Tab), lässt sich mit dem Tab index die Reihenfolge festlegen, wo der Cursor als nächstes aktiv wird.

       

      Access

      Access rights der Komponente:

      • Click: Berechtigung zum Klicken um weitere Actions auslösen zu können

      • Read data: Berechtiung die ausgegebenen Daten sehen zu dürfen

      Data layer

      Data layer der Tabelle, View oder einer Abfrage.

      Item Template

       

      No data text

      Text wird angezeigt, wenn keine Daten ausgegeben werden

      Direction

      Vertrical (top to bottim)

      Horizontal (left to right)

      Item width

      Breite (Pixel) des einzelnen Items

      Item height

      Höhe (Pixel) des einzelnen Items

      Item margin

      Abstand eines Items zum nächsten Item

      2. Tile View Funktionalitäten

      Events

      Event

      Beschreibung

      itemClicked

      This event fires when the user clicks on an item.

      Actions

      Kategorisierung

      Action

      Beschreibung

      State

      enable()

      Enable the tileview.

      disable()

      Disable the tileview.

      setEnabled(enabled)

      Enable/disable the tileview.
      enabled: Flag to indicate enabled or disabled.

      show()

      Shows the tileview.

      hide()

      Hides the tileview.

      setVisible(visible)

      Show/hide the tileview.
      visible: Flag to indicate shown or hidden.

      focus()

      Sets focus on the tileview.

      Data

      refresh()

      Refresh the tileview.

      downloadSelected(column, filename)

      Download data of a binary column of the selected row.
      column: Name of the column which contains the data.
      filename: Name for the file of the download data.

      download(key, column, filename)

      Download data of a binary column.
      key: Key of the row which contains the data.
      column: Name of the column which contains the data.
      filename: Name for the file of the download data.