HATAHET TILES SPFx WEBPART – ZWEI DESIGNVARIANTEN IN EINEM PRODUKT
Der HATAHET Tiles SPFx WebPart ist ein Navigations-WebPart (Menü), welches mit eigenen Icons, Bildern, Texten, Links und Farben intuitiv – WYSIWYG (What You See Is What You Get) – gestaltet werden kann.
Inbegriffen im HATAHET Tiles SPFx WebPart sind zwei Designvarianten: „Flow“ Design und „Hero“ Design. Welche Features das jeweilige Design umfasst, sehen Sie in untenstehender Auflistung.

HATAHET Tiles WebPart – „Flow“ Design
Kacheln nacheinander in beliebiger Größe und Reihenfolge

HATAHET Tiles WebPart – „Hero“ Design
1 – 5 Kacheln in fester Anordnung und Größe
FEATURES
One-Klick
Tiles können mit einem Klick hinzugefügt oder entfernt werden.
Pull-Size
Einfache Größenänderungen durch Ziehen am Rand der Kachel.
Drag and Drop
Reihenfolge der Kacheln kann mittels Drag and Drop angepasst werden.
Real-time Editing
What You See Is What You Get (WYSIWYG) Editing für Titel und Beschreibung.
Overlay
Einstellungen werden über ein Overlay vorgenommen.
Bild-per-Klick
Hintergrundbild wird per Klick auf das Bild-Symbol zugewiesen. Dieses öffnet einen Dialog in dem direkt die URL eingegeben wird oder z.B. ein Bild über den FilePicker ausgewählt wird. Zusatz: Bildgröße mittels Dropdown wählbar.
Kachel-Link
Die Verlinkung der Kachel erfolgt über ein Link-Symbol. Dieses öffnet einen Dialog in dem direkt die URL eingegeben wird oder z.B. eine Datei über den FilePicker ausgewählt wird.
Mehrsprachige Darstellung
Sprachauswahl – hier kann mittels Checkbox bestimmt werden, in welcher Sprachen diese Kachel angezeigt werden soll.
FEATURES
One-Klick
Tiles werden mit einem Klick direkt an der endgültigen Position erstellt und können mit einem Klick gelöscht werden.
Pre-Layout
Größen sind vorgegeben.
Real-time Editing
What You See Is What You Get (WYSIWYG) Editing für Titel und Beschreibung.
Overlay
Einstellungen werden über ein Overlay vorgenommen.
Bild-per-Klick
Hintergrundbild wird per Klick auf das Bild-Symbol zugewiesen. Dieses öffnet einen Dialog in dem direkt die URL eingegeben wird oder z.B. ein Bild über den FilePicker ausgewählt wird. Zusatz: Bildgröße mittels Dropdown wählbar.
Kachel-Link
Die Verlinkung der Kachel erfolgt über ein Link-Symbol. Dieses öffnet einen Dialog in dem direkt die URL eingegeben wird oder z.B. eine Datei über den FilePicker ausgewählt wird.
Mehrsprachige Darstellung
Sprachauswahl – hier kann mittels Checkbox bestimmt werden, in welcher Sprachen diese Kachel angezeigt werden soll.
HATAHET TILES WEBPART – „FLOW“ DESIGN

Kacheln nacheinander in beliebiger Größe und Reihenfolge
FEATURES
One-Klick
Tiles können mit einem Klick hinzugefügt oder entfernt werden.
Pull-Size
Einfache Größenänderungen durch Ziehen am Rand der Kachel.
Drag and Drop
Reihenfolge der Kacheln kann mittels Drag and Drop angepasst werden.
Real-time Editing
What You See Is What You Get (WYSIWYG) Editing für Titel und Beschreibung.
Overlay
Einstellungen werden über ein Overlay vorgenommen.
Bild-per-Klick
Hintergrundbild wird per Klick auf das Bild-Symbol zugewiesen. Dieses öffnet einen Dialog in dem direkt die URL eingegeben wird oder z.B. ein Bild über den FilePicker ausgewählt wird. Zusatz: Bildgröße mittels Dropdown wählbar.
Kachel-Link
Die Verlinkung der Kachel erfolgt über ein Link-Symbol. Dieses öffnet einen Dialog in dem direkt die URL eingegeben wird oder z.B. eine Datei über den FilePicker ausgewählt wird.
Mehrsprachige Darstellung
Sprachauswahl – hier kann mittels Checkbox bestimmt werden, in welcher Sprachen diese Kachel angezeigt werden soll.
HATAHET TILES WEBPART – „HERO“ DESIGN

1 – 5 Kacheln in fester Anordnung und Größe
FEATURES
One-Klick
Tiles werden mit einem Klick direkt an der endgültigen Position erstellt und können mit einem Klick gelöscht werden.
Pre-Layout
Größen sind vorgegeben.
Real-time Editing
What You See Is What You Get (WYSIWYG) Editing für Titel und Beschreibung.
Overlay
Einstellungen werden über ein Overlay vorgenommen.
Bild-per-Klick
Hintergrundbild wird per Klick auf das Bild-Symbol zugewiesen. Dieses öffnet einen Dialog in dem direkt die URL eingegeben wird oder z.B. ein Bild über den FilePicker ausgewählt wird. Zusatz: Bildgröße mittels Dropdown wählbar.
Kachel-Link
Die Verlinkung der Kachel erfolgt über ein Link-Symbol. Dieses öffnet einen Dialog in dem direkt die URL eingegeben wird oder z.B. eine Datei über den FilePicker ausgewählt wird.
Mehrsprachige Darstellung
Sprachauswahl – hier kann mittels Checkbox bestimmt werden, in welcher Sprachen diese Kachel angezeigt werden soll.