Widgets
Custom Layout
2.9.0
Custom Layout
Mit diesem Widget kannst du deine Inhalte beliebig anordnen. Zum Beispiel drei-spaltig oder Texte aus verschiedenen Datensätzen direkt in einer Zelle.
Der grundlegende Unterschied zwischen dem Grid und Layout besteht darin, dass das Layout in einer Dimension konzipiert wurde – entweder einer Zeile oder einer Spalte. Grid wurde für ein zweidimensionales Layout konzipiert – Zeilen und Spalten gleichzeitig.
Beispiel innerhalb einer Custom Table:
Anwendungscode
Simple Basis
Code mit allen Parametern
💡Hinweis: Du kannst auch mehrere Layouts ineinander verschachteln. Somit kannst du komplexe Interfaces aufbauen und Ninox noch übersichtlicher gestalten.
Allgemeine Settings
Die oberen Parameter geben die allgemeinen Settings deines gesamten Layouts an. Das ist sozusagen der äußerste Container deines Layouts.
uniqueId ist die individuelle Bezeichnung deines Layouts. Achte darauf, dass du hier einen einzigartigen Titel vergibst. Das ist wichtig, falls du mehrere Layouts auf einer Seite / in einer Tabelle darstellen möchtest und diese sich nicht gegenseitig überschreiben.
embedded gibt an, ob dein Layout in einem anderen Widget integriert werden soll.
direction gibt an, wie deine weiteren Inhalte (blocks) angeordnet werden sollen.
alignX: gibt an, wie deine Inhalte auf der X-Achse angeordnet werden.
alignY: gibt an, wie deine Inhalte auf der Y-Achse angeordnet werden.
width gibt die Weite an.
height gibt die Höhe an.
Mit gap bestimmst du, wie viel Abstand zwischen deinen blocks sein soll.
Settings im Layout Block
Die Parameter innerhalb eines Blocks bestimmen Werte die zu einem jeweiligen Layoutblock gehören. Du kannst auch weitere Blöcke hinzufügen (Komma getrennt).
width und height geben die Breite und Höhe des Layoutblocks an.
Mit lineHeight bestimmst du den Abstand zwischen den Zeilen im Layout.
alignX: gibt an, wie deine Inhalte auf der X-Achse innerhalb des Layoutblocks angeordnet werden.
Mit color und backgroundColor bestimmst du die Schriftfarbe und Hintergrundfarbe des Textes innerhalb deines Layoutblocks.
Bei styles kannst du dem Layoutblock eigene CSS styles hinzufügen.
value ist der Wert, der innerhalb des Layoutblocks ausgegeben wird. Hier kannst du z.B. Text, Ninox-Felder oder customWidgets angeben.
clickAction Block
clickAction beschreibt deine Aktionen in den jeweiligen Blocks.
openTable öffnet eine Tabellenansicht in Ninox.
openURL öffnet eine externe Url, die du definierst.
types in den clickActions sind folgende:
💡 Hinweis: Du kannst auch mehrere Aktionen auf einem Feld ausführen. Diese setzt du in eine eckige Klammer und trennst sie durch ein Komma (,). Zum Beispiel so:
Fullscreen Mode
fullscreenMode erlaubt es euch beim fullscreen:true alle Ninox Elemente in der Form auszublenden. Zusätzlich können über showAdminTools der Ninox Schlüssel für andere Admins (z.B. Admins in Kundendatenbanken) ausgeblendet werden. Ihr könnten z.B. mit if else end den Schlüssel nur für euren User einblenden lassen. hideHeaderHeaderIcons kann zusätzlich mehr Kontrolle für die Ausblendung von Ninox Symbolen im Header geben.