Progress

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: 
   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: 
   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