Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Excerpt

Mit dem Icon Modul sind Sie in der Lage bildhafte Repräsentationen auf der Kachel abzubilden.

Data

Icon

Wählen Sie aus der Liste ein Icon aus, welches neben dem Titel dargestellt wird. Dabei stehen Ihnen weitere Optionen zur Verfügung:

  • None: Es wird kein Icon abgebildet.
  • Custom: Ist in der Auswahl die Option 'Custom' gesetzt, erscheint ein zusätzliches Textfeld mit dem Titel Custom Icon URL. Hier gibt es zwei Möglichkeiten, ein
    eigenes Icon bereitzustellen:
    • 1) Image-URL: Geben Sie eine externe URL an, unter der das Icon gespeichert ist. Es ist dabei zu beachten, dass nur https-Requests zugelassen sind.

      Info

      Beispiel: Image-URL (svg Bild von einem Hund aus wikipedia commons) https://upload.wikimedia.org/wikipedia/commons/8/89/Dog.svg


    • 2) Data-URL: Mithilfe einer Data-URL lassen sich externe Quellen direkt in html einbinden. Damit das Bild in den tiles verwendbar ist, muss die Data-URL im
      folgenden Format angegeben werden: data:[<MIME-Typ>];base64,<Daten>


      Info

      Beispiel: Data-URL (Darstellung eines roten Punktes):
      "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0
      SU1FB9YGARc5KB0XV+IAAAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1JREFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
      ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0vr4MkhoXe0rZigAAAABJRU5ErkJggg=="


Max Icon Size

Bestimmt die Maximalgröße des Icons in Pixel.

Image Added

Alignment

Nehmen Sie an dieser Stelle die Positionierung des Icons vor.

Vertical

Für die vertikale Ausrichtung des Icons innerhalb des Moduls können Sie zwischen folgende Optionen wählen: 

  • Top: oben platziert
  • Center: mittig  platziert
  • Bottom: unten platziert

Horizontal

Für die horizontale Ausrichtung des Icons innerhalb des Moduls können Sie zwischen folgende Optionen wählen: 

  • Left: linksbündig
  • Center: zentriert
  • Right: rechtsbündig

Image Added