Page History
Zusammensetzung eines Widgets
Die in BPaaS verwendeten Formular-Elemente (Widgets) sind aus drei Bereichen zusammengesetzt. Alle drei Bereiche können mit dem zugehörigen Kürzel über das CSS angesprochen werden.
 | Das Element als Ganzes (Widget). Kürzel: w- |
 | Der Feldbezeichner des Elements (Label). Kürzel: lb- |
 | Der Inhaltsbereich des Elements (Content). Kürzel: ct- |
Die Widget-Standardklassen
Jedem Formular-Element ist darüber hinaus eine eigene Standardklasse zugeordnet. Über die folgenden Kürzel können Sie die Formularfelder in einem CSS ansprechen:
| Formularfeld (Widget) | Standardklasse des Widgets | Standardklasse des Widgetlabels | Standardklasse des Widgetcontents |
|---|---|---|---|
| App Verknüpfung (einfach) | w-ProcessAppLink | lb-ProcessAppLink | ct-ProcessAppLink |
| App Verknüpfung (mehrfach) | w-ProcessAppLinkTable | lb-ProcessAppLinkTable | ct-ProcessAppLinkTable |
| Auswahlliste | w-SelectField | lb-SelectField | ct-SelectField |
| Blockelement | w-Div | lb-Div | ct-Div |
| Button | w-PushButton | lb-PushButton | ct-PushButton |
| Checkbox | w-CheckBox | lb-CheckBox | ct-CheckBox |
| Datei hochladen | w-FileUpload | lb-FileUpload | ct-FileUpload |
| Dateien hochladen | w-MultipleFileUpload | lb-MultipleFileUpload | ct-MultipleFileUpload |
| Datumsfeld | w-DatePicker | lb-DatePicker | ct-DatePicker |
| Eingabefeld - einzeilig | w-InputField | lb-InputField | ct-InputField |
| Eingabefeld - mehrzeilig | w-TextArea | lb-TextArea | ct-TextArea |
| Gruppierungselement | w-ResponsiveGrid | lb-ResponsiveGrid | ct-ResponsiveGrid |
| Instanzanzeige | w-InstanceView | lb-InstanceView | ct-InstanceView |
| Instanztabelle | w-InstanceSearchTable | lb-InstanceSearchTable | ct-InstanceSearchTable |
| Kamera | w-PhotoShoot | lb-PhotoShoot | ct-PhotoShoot |
| Klickbares Bild (Icon) | w-Icon | lb-Icon | ct-Icon |
| Prozessnavigation | w-ProcessNavigation | lb-ProcessNavigation | ct-ProcessNavigation |
| Radiobutton | w-RadioButton | lb-RadioButton | ct-RadioButton |
| Responsives Formular | w-ResponsiveGridMask | lb-ResponsiveGridMask | ct-ResponsiveGridMask |
| Suchfeld | w-ContainerSearchField | lb-ContainerSearchField | ct-ContainerSearchField |
Tabelle | w-JqGridTable | lb-JqGridTable | ct-JqGridTable |
| Unterschrift | w-SignatureWidget | lb-SignatureWidget | ct-SignatureWidget |
| URL | w-UrlField | lb-UrlField | ct-UrlField |
Konkrete Formularfelder ansprechen
Über die Erweiterung "n" für name wird auf ein konkretes Formularfeld verwiesen:
- wn-
- lbn-
- ctn-
Beispiel: In einem Formular wurde das Eingabefeld Vorname angelegt
Das Eingabefeld Vorname kann im CSS wie folgt angesprochen werden:
 | wn-Vorname = das komplette Eingabefeld Vorname |
 | lbn-Vorname = die Titelzeile des Eingabefeldes Vorname |
 | ctn-Vorname = der Inhaltsbereich des Eingabefeldes Vorname |
| Panel | ||
|---|---|---|
| ||
|
| Panel | ||
|---|---|---|
|
| Ads_scheer | ||||
|---|---|---|---|---|
|
Overview
Content Tools