Mini Widgets

Images

2.1.1

Custom Image

Mit Images kannst du Bilder in Tabellen, Kanban oder anderen Widgets laden. Du hast etliche Einstellungen, von Umrandung bis Abrundung über Größeneinstellungen.

arcCustomImage({
		uniqueId: "ProjektBild"+Nr,
		title: "Logo",
		width: "80px",
		height: "80px",
		backgroundSize: "cover",
		style: "", // Hier kannst du eigene CSS Styles hinterlegen.
		radius: "5px",
		borderColor: "",
		link: text(Projekt.'Bild URL') // Hier musst du immer einen shareLink deines Bildes hinterlegen. 
})

Allgemeine Settings

uniqueId

Die uniqueId vergibst du individuell und sollte einzigartig sein. Sinn dahinter ist: Wenn du mehrere Images mit unterschiedlichen Settings auf deiner Oberfläche erstellst, überschreiben sich die Styles nicht.

uniqueId: "ProjektBild" + Nr // Text in "" + Ninox Nr

title

title: "Logo",

width

Mit width kannst du die Breite des Bild Containers einstellen.

width: "100%", // Prozent-Werte. Hier: volle Breite.
width: "100px", // Pixel-Werte

height

Mit height kannst du die Breite des Bilde Containers einstellen.

height: "auto", // Automatisch an den Inhalt angepasste Höhe.
height: "300px", // Pixel-Werte

backgroundSize

Mit backgroundSize definiert die Größe des Bildes im Container.

backgroundSize: "cover", // Füllt den Container komplett aus, kann dazu führen, dass das Bild abgeschnitten wird. 
backgroundSize: "contain", // Das Bild wird komplett in dem Container angezeigt. 
backgroundSize: "50%",
backgroundSize: "auto", // Bild wird in der Originalgröße angezeigt. 
backgroundSize: "15px 10px", // Gibt Breite und Höhe in Pixel an.

style

Bei dem style Parameter kannst du eigene CSS styles hinzufügen.

style: "opacity 30%;", // CSS styles

Zurück

Icon Phosphor

Zurück

Icon Phosphor

Weiter

Sorting

Weiter

Sorting