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

      Gallery

      Gallery ermöglicht das Anlegen einer Bildergalerie einschließlich automatischer Durchlauf-Funktion und Steuerungselementen.

      In diesem Artikel lesen Sie folgende Fragen:

      Gallery Properties

      Gallery Funktionalitäten

      Tipp! Hier sehen mehr über die Komponente.

      1. Gallery 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

      Für die Darstellung der Gallery kann aus vordefinierten Item Templates gewählt oder ein eigenes Template erstellt werden.

      Vordefinierte Templates:

      • Picture and text

      • Picture large / medium / small 

      • One line

      • Two lines

      • Side by Side

      Navigation

      Optionen:

      • Show navigation Button

      • Show indicator

      • Automatic slideshow

      Slideshow delay

      Zeit (ms) zwischen dem Bildwechsel (nur wenn Automatic slideshow aktiviert ist)

      2. Gallery Funktionalitäten 

      Events

      Event

      Beschreibung

      itemClicked

      This event fires when the user clicks on an item.

      itemDisplayed

      This event fires when a item is displayed.

      Actions

      Kategorisierung

      Action

      Beschreibung

      State

      enable()

      Enable the gallery.

      disable()

      Disable the gallery.

      setEnabled(enabled)

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

      show()

      Shows the gallery.

      hide()

      Hides the gallery.

      setVisible(visible)

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

      focus()

      Sets focus on the gallery.

      Data

      refresh()

      Refresh the gallery.

      goToItem(index)

      Go to a particular item.
      index: Index of the item to go to.

      nextItem()

      Go to the next item.

      prevItem()

      Go to the previous item.

      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.