Mini Widgets
Select (Dropdown)
1.5.0
Select (Dropdown)
Mit dem Select Mini-Widget kannst du deine Datenbank um schicke und funktionale Dropdowns erweitern. Diese können auch in anderen Widgets, wie die Custom Table, eingesetzt werden. Außerdem kannst du andere Mini-Widgets in das customSelect einbinden um dein Select noch funktionaler und optisch ansprechender zu gestalten.
Gesamter Anwendungscode
Du kannst das customSelect auf zwei verschiedene Weisen aufbauen. Dynamische Wiedergabe von Ninox-Werten (z.B. Tabelle Status_Leads) oder eine manuelle Liste als select Items.
Hast du eine Liste, die wiedergegeben werden soll, kannst du die Items mithilfe von select anzeigen lassen:
Mit der anderen Möglichkeit kannst du die einzelnen Items manuell aufbauen:
Einzelne Parameter
uniqueId
Die uniqueId vergibst du individuell, sie muss einzigartig sein. Sinn dahinter ist: Wenn du mehrere customText mit unterschiedlichen Settings auf deiner Oberfläche anzeigst, überschreiben sich die Styles nicht.
recordId
Die recordId vergibst du individuell, sie muss einzigartig sein! Sinn dahinter ist: Wenn du mehrere customText mit unterschiedlichen Settings auf deiner Oberfläche anzeigst, überschreiben sich die Styles nicht.
field
Bei field trägst du die Field Id des Ninox-Feldes ein, welches mit der Select-Auswahl beschrieben werden soll. Die Field Id kannst du mit dem Mini Widget Field Finder herausfinden.
embedded
Den Parameter embedded nutzt du, wenn du das customSelect nicht innerhalb eines anderen Widgets liegt. Standardmäßig ist dies aber auf true gesetzt.
width
Bei with definierst du die Breite deines Selects.
height
Bei height definierst du die Höhe deines Selects.
itemsWidth
Bei itemsWith definierst du die Breite des ausgeklappten Select Bereiches. Also das Fenster, welches sich ausklappt und die auswählbaren Items anzeigt.
itemsHeight
Bei itemsHeight definierst du die Höhe des ausgeklappten Select Bereiches. Also das Fenster, welches sich ausklappt und die auswählbaren Items anzeigt.
fontColor
fontColor bestimmt die Farbe der Select-Button-Umrandung.
backgroundColor
Mit backgroundColor gibst die Hintergrundfarbe des select Feldes an.
borderColor
borderColor bestimmt die Farbe der Select-Button-Umrandung.
borderWidth
Mit borderWidth bestimmst du, wie breit die Select-Button-Umrandung sein soll.
labelSettings Block
Mit dem labelSettings Block kannst du Einstellungen für das Label vornehmen. Du kannst den Titel und die Schriftfarbe des Labels bestimmen, sowie die Höhe des Label containers und ob das Label links oder rechtsbündig angezeigt werden soll.