Progress

0_14 pre0_13 pre0_12 pre0_11 pre

Mit unserem Progress-Modul kannst du ganz einfach sowohl Fortschrittsbalken, als auch Slider-Inputs bauen.

Weitere Details folgen demnächst...

Modulcode

Basis

GIP_progress({
   uniqueId: "myUniqueName" + Nr,
   embedded: true,
   recordId: raw(Nr),
   fieldId: "",
   minValue: 0,
   maxValue: 0,
   value: *any*,
})

Medium

GIP_progress({
   uniqueId: "myUniqueName" + Nr,
   embedded: true,
   recordId: raw(Nr),
   fieldId: "",
   style: "",
   minValue: 0,
   maxValue: 0,
   track: {
   	style: "",
   },
   value: *any*,
   contentEditable: true,
})

Fortgeschritten

GIP_progress({
   uniqueId: "myUniqueName" + Nr,
   embedded: true,
   recordId: raw(Nr),
   fieldId: "",
   formId: "myForm" + Nr,
   style: "",
   minValue: 0,
   maxValue: 0,
   steps: {
   	value: *any*,
   },
   displayValue: {
   	style: "",
   },
   track: {
   	style: "",
   },
   value: *any*,
   contentEditable: true,
})

Vollständig

GIP_progress({
   uniqueId: "",
   embedded: {
   	height: "",
   	styleHtml: "",
   	styleStri: "",
   	presets: "",
   },
   recordId: "",
   fieldId: "",
   formId: "",
   style: "",
   minValue: 0,
   maxValue: 0,
   steps: {
   	value: *any*,
   },
   displayValue: {
   	style: "",
   	displayMax: true,
   	displayMin: true,
   	separator: "",
   	orientation: "",
   },
   track: {
   	style: "",
   	colorLeft: "",
   	colorRight: "",
   },
   thumb: {
   	style: "",
   },
   value: *any*,
   label: {
   	class: "",
   	style: "",
   	value: *any*,
   	orientation: "",
   },
   contentEditable: true,
})

Vollständig mit Master

html( raw(GIP_master({})) + 
raw(GIP_progress({
   uniqueId: "",
   embedded: {
   	height: "",
   	styleHtml: "",
   	styleStri: "",
   	presets: "",
   },
   recordId: "",
   fieldId: "",
   formId: "",
   style: "",
   minValue: 0,
   maxValue: 0,
   steps: {
   	value: *any*,
   },
   displayValue: {
   	style: "",
   	displayMax: true,
   	displayMin: true,
   	separator: "",
   	orientation: "",
   },
   track: {
   	style: "",
   	colorLeft: "",
   	colorRight: "",
   },
   thumb: {
   	style: "",
   },
   value: *any*,
   label: {
   	class: "",
   	style: "",
   	value: *any*,
   	orientation: "",
   },
   contentEditable: true,
})
))

Key-Table

Beispiele

Progress: Basis Fortschrittsbalken

Beschreibung

Wir möchten einen einfachen Fortschrittsbalken mit einem Label erstellen. Um den Thumb auszublenden und damit eine reine Progress-Bar zu erhalten, setzen wir den ContentEditable-Key auf "false". Danach geben wir noch den minimalen Wert des Fortschrittsbalken (hier "0"), den maximalen Wert (hier "20") und den aktuell hinterlegten Wert in Ninox an.

Code des Beispiels

Standalone Code mit Master

html(raw(GIP_master({})) +
raw(GIP_progress({
		uniqueId: "Basic Not Editable" + Nr,
		embedded: false,
		style: "",
		contentEditable: false,
		value: Zahl,
		minValue: 0,
		maxValue: 20,
		label: {
			style: "",
			value: "Fortschrittsbalken",
			orientation: ""
		}
	})
))

Embedded Code

GIP_progress({
	uniqueId: "Basic Not Editable" + Nr,
	embedded: true,
	style: "",
	contentEditable: false,
	value: Zahl,
	minValue: 0,
	maxValue: 20,
	label: {
		style: "",
		value: "Fortschrittsbalken",
		orientation: ""
	}
})