Entwicklung: Erweitertes Textfeld-Grundfunktionen
Das Erweiterte Textfeld wird primär als Gestaltungselement genutzt, kann aber auch im FleetDesigner definierten Text oder Variablenwerte anzeigen. Wählen Sie im FleetDesigner im Formular eines Projekts ein Erweitertes Textfeld-Element mit einfachem Klick aus, können unter dem Navigationspunkt 'Element' Eigenschaften wie Position und Größe, Hintergrundfarbe und Rahmen oder Schrift angepasst werden. Per Doppelklick kann der Text innerhalb des Elements editiert oder gelöscht werden.
Erklärung mithilfe des Projekts 'ErwTextfeld-Grundfunktionen' (1 Formular):
> Öffnen Sie das Projekt in der FleetApp, wird Formular 1 aufgerufen.
> In diesem Formular sind Beispiele zu verschiedenen Gestaltungsmöglichkeiten des Erweiterten Textfelds. (Das Projket kann mit tippen auf den Button 'ABBRECHEN' unten links geschlossen werden)
> Öffnen Sie das Projekt mit ihrem FleetDesigner. Mit einfachem Klick auf eines der Elemente wird dieses ausgewählt und kann über den Navigationspunkt 'Element' bearbeitet werden.
> Zusätzlich kann ein Erweitertes Textfeld mittels CSS-Attributen individuell gestaltet werden. Klicken Sie dazu mit der rechten Maustaste auf ein Erweitertes Textfeld-Element im Formular und wählen Sie danach 'CSS bearbeiten' aus.
Ein Dialogfenster mit allen aktuell für dieses Element hinterlegten CSS Eigenschaften öffnet sich.
Hier können diese Eigenschaften angepasst, entfernt oder weitere CSS-Attribute hinzugefügt werden.
Die wichtigsten CSS-Attribute:
- background
- background-color
- border
- border-color
- border-bottom
- border-left
- border-right
- border-top
- border-radius
- border-width
- bottom
- box-shadow
- color
- display
- font-family
- font-size
- font-weight
- height
- left
- margin
- opacity
- padding
- position
- text-align
- text-shadow
- text-transform
- transform
- width