Steuerelement in Nintex Forms verstecken

Grundsätzlich ist das Verstecken von Steuerelementen in Nintex-Forms ja recht einfach. Jedes Steuerelement hat eine Eigenschaft „Sichtbar“, die entweder Ja oder Nein als Wert haben kann.

Allerdings wird bei „Nein“ das komplette Steuerelement nicht im HTML-Markup gerendert. Das ist nachteilig, wenn man z.B. eine Textbox hat, die einen technischen Wert beinhaltet (z.B. durch eine Formel berechnet), der Teil des Formulars sein soll/muss aber dem Anwender nicht angezeigt werden soll.

Um solche Elemente einfach nicht anzuzeigen hilft CSS. Einfach dem Steuerelement eine CSS-Klasse (z.B. „myHidden“) zuweisen.

Und dann in den Formulareigenschaften folgendes CSS ergänzen:

.myHidden { display:none; }

Allerdings wird damit das Steuerelement auch im Designer nicht mehr angezeigt – das ist vielleicht etwas doof, weil man das Steuerelement ja ggf. doch noch mal bearbeiten will/muss.

Also folgende Zeile danach (!) einfügen, welches das Steuerelement für den Designer wieder anzeigt:

#uiDesignerSurface .myHidden{ display:block; } 

Das Ergebnis im Designer sieht dann so aus:

Und in zur Laufzeit (oder auch in der Vorschau) ist das Feld dann nicht mehr sichtbar (aber vorhanden!):