Skip to content

Canvas

Mit unserem Canvas-Modul kannst du direkt in Ninox auf Bildern Linien zeichnen und das Ergebnis in deiner Datenbank speichern.

Hinweis: Das Modul braucht zum Speichern der Bilder eine Internetverbindung und einen aktiven API-Key.

Weitere Details folgen demnächst...

Modulcode

json
GIP_canvas({
   uniqueId: "",
   embedded: {
   	height: "",
   	styleHtml: "",
   	styleStri: "",
   	styleFn: "",
   	styleLabel: "",
   	styleComp: "",
   	presets: "",
   },
   targetField: {
   	recordId: "",
   	fieldId: "",
   	apiKey: "",
   	domain: "",
   	fileName: "",
   },
   fallbackField: {
   	recordId: "",
   	fieldId: "",
   },
   sourceFile: {
   	base64URL: "",
   },
})
json
html( raw(GIP_master({})) + 
raw(GIP_canvas({
   uniqueId: "",
   embedded: {
   	height: "",
   	styleHtml: "",
   	styleStri: "",
   	styleFn: "",
   	styleLabel: "",
   	styleComp: "",
   	presets: "",
   },
   targetField: {
   	recordId: "",
   	fieldId: "",
   	apiKey: "",
   	domain: "",
   	fileName: "",
   },
   fallbackField: {
   	recordId: "",
   	fieldId: "",
   },
   sourceFile: {
   	base64URL: "",
   },
})
))

Key-Table

arrow_rightuniqueIdRequired
string
Default: -
Eindeutige Kennung des eingesetzten Moduls. Ideal ist eine Kombination aus Text und der Record-ID, also z.B.: uniqueId: "LayoutÜberschrift" + Nr
Ist die ID nicht einzigartig, kann es zu Fehlern bei Anzeige und Funktion der eingesetzten Module in der Tabelle kommen.
arrow_rightembeddedRequired
boolean, object
Default: false
Wenn des Modul in einem anderen Modul eingebettet ist, wird der boolesche Wert true eingetragen.
Liegt das Modul alleine, bzw. als äußerster Container in einem Formelfeld, kann entweder false oder ein Object mit Angaben zur Höhe und Styling des Formelfeldes angegeben werden.
arrow_rightheight
string
Default: "auto"
Höhe des Moduls in Pixeln (px).
arrow_rightstyleHtml
string
Default: "padding: 0 !important; user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; background: none !important; border-radius: 0px !important; height: auto; min-height: 34px !important;"
Inline CSS-Styling des Html-Containers des Formel-Feldes, in dem die GIP-Module liegen.
arrow_rightstyleStri
string
Default: "background: none !important; border: 0 !important;"
Inline CSS-Styling des Stringeditor-Containers des Formel-Feldes, in dem die GIP-Module liegen.
arrow_rightstyleFn
string
Default: -
Inline CSS-Styling des FnEditor-Containers des Formel-Feldes, in dem die GIP-Module liegen.
arrow_rightstyleLabel
string
Default: -
Inline CSS-Styling des Labels des Formel-Feldes, in dem die GIP-Module liegen.
arrow_rightstyleComp
string
Default: -
Inline CSS-Styling des Component-Containers des Formel-Feldes, in dem die GIP-Module liegen.
arrow_rightpresets
string
Default: -
Mit diesem Key können Voreingestellte, besondere Stylings übergeben werden. Die aktuell verfügbaren sind:
  • paddingless: Entfernt Paddings des Ninox-Formelfeldes.
  • borderless: Entfernt Paddings sowie den Titel des Ninox-Formelfeldes und skaliert es auf 100% der Seiten-Höhe.
  • fullscreen: Entfernt die Ninox-Kopfleiste des Records (enthält Tabs, Schließen-Button, Anhänge, Kommentare und Änderungsverlauf). Für eine vollständige Vollbild-Ansicht muss der Record entweder mit der Ninox Funktion "openFullscreen()" oder dem GIP-Action-Type "openFullscreen" geöffnet werden.
Nach Ändern der Presets sollte die Ansicht neu geladen werden. Den Ninox-Tab zu wechseln reicht.
arrow_righttargetFieldRequired
object
Default: -
Angaben zum Zielfeld, in das die Datei nach Bearbeitung im Canvas gespeichert werden soll.
arrow_rightrecordIdRequired
string
Default: -
ID des Ziel-Records.
arrow_rightfieldIdRequired
string
Default: -
ID des Ziel-Feldes.
arrow_rightapiKeyRequired
string
Default: -
Ein gültiger API-Key der aktuellen Domain.
arrow_rightdomainRequired
string
Default: -
Angabe der aktuellen Domain, in der das Modul verwendet wird.
arrow_rightfileNameRequired
string
Default: "untitled.png"
Der Dateiname wird dem bearbeiteten Bild beim Speichern gegeben.
arrow_rightfallbackFieldRequired
object
Default: -
Sollte beim Speichern des bearbeiteten Canvas-Bildes keine Internetverbindung hergestellt werden können, wird stattdessen eine JSON mit den Bilddaten in das Fallback-Feld geschrieben. Diese Bilddaten können Ninox-seitig ausgelesen und in das eigentliche Zielfeld geschrieben werden, sobald wieder eine Internetverbindung besteht.
arrow_rightrecordIdRequired
string
Default: -
ID des Ziel-Records.
arrow_rightfieldIdRequired
string
Default: -
ID des Ziel-Feldes.
arrow_rightsourceFileRequired
object
Default: -
Angaben zur Quelldatei, die im Canvas bearbeitet werden soll.
arrow_rightbase64URLRequired
string
Default: -
Die Base64-URL der Datei kann mithilfe der Ninox Funktion loadFileAsBase64URL('Dateifeld') ermittelt werden.