Bearbeitungsfeld

www.altova.com Alle erweitern/reduzieren Dieses Kapitel drucken Vorherige Seite Eine Ebene nach oben Nächste Seite

Startseite >  Steuerelemente und Steuerelementereignisse > Steuerelemente >

Bearbeitungsfeld

Über Bearbeitungsfelder kann der Endbenutzer Input hinzufügen. Wenn dieser Input in einem XML-Node gespeichert werden soll, muss im Design eine Verknüpfung zu diesem Node erstellt werden (durch Ziehen dieses Node aus der Seitenquelle auf das Steuerelement). Stellen Sie in diesem Fall sicher, dass das Bearbeitungsfeld editierbar ist, indem Sie die Eigenschaft Aktiviert/Editierbar auf true setzen. Der Wert des verknüpften Node wird im Bearbeitungsfeld angezeigt. Wenn der Benutzer das Bearbeitungsfeld ändert, wird der damit verknüpfte Node automatisch aktualisiert.

 

Anstatt einen Node mit dem Beabeitungsfeld zu verknüpfen, kann der Inhalt des Bearbeitungsfelds über einen XPath-Ausdruck in der Eigenschaft Text definiert werden (siehe unten). Wenn das Ergebnis des XPath-Ausdrucks ein XML-Node ist, ist die Wirkung dieselbe, wie wenn Sie einen Node durch Ziehen auf das Steuerelement mit dem Steuerelement verknüpfen. Mit Hilfe des XPath-Ausdrucks können Sie auch ein Ergebnis berechnen und es im Bearbeitungsfeld anzeigen. In diesem Fall wird die Eigenschaft Aktiviert/Editierbar automatisch auf false gesetzt und kann nicht mehr bearbeitet werden. Dies funktioniert auf dieselbe Art wie ein Steuerelement "Beschriftung".

 

 

Click to expand/collapseAnmerkungen
Wenn das Steuerelement mit einem Seitenquellen-Node (Seitenquellen-Link) verknüpft ist, wird der damit verknüpfte Node bei Platzieren der Maus über das Steuerelement (in der Seitendesign-Ansicht) in einem Popup-Fenster angezeigt.
Alle Seitenquellen-Links in der Datenquellstruktur werden in fetter Schrift angezeigt. Strukturnodes, die keine Seitenquellen-Links sind, werden in normaler Schrift angzeigt.
Wenn Sie den Mauszeiger in der Design-Struktur über den Seitenquellen-Link platzieren, werden Informationen zum damit verknüpften Steuerelement angezeigt.
Um eine Verknüpfung mit einem Seitenquellen-Node (und damit die Daten im Steuerelement) zu entfernen, klicken Sie mit der rechten Maustaste (in der Seitendesign-Ansicht) auf das Steuerelement und wählen Sie den Befehl Link zur Seitenquelle löschen.
Um einen Stil oder eine Eigenschaft (im Fenster "Stile & Eigenschaften") zurückzusetzen, wählen Sie die Eigenschaft aus und klicken Sie in der Symbolleiste des Fensters auf Zurücksetzen.
Die Werte einer Reihe von Eigenschaften können mit Hilfe von XPath-Ausdrücken definiert werden. Auf diese Art können dynamische Werte, d.h. mittels Berechnungen generierte Werte oder Werte, die zur Laufzeit aus Nodes der Seitenquelle abgerufen werden, verwendet werden. Um einen XPath-Ausdruck zu definieren, klicken Sie in der Symbolleiste des Fensters "Stile & Eigenschaften" auf die Schaltfläche XPath bearbeiten.
Um den XPath-Ausdruck eines Stils oder einer Eigenschaft zu bearbeiten, wählen Sie den Stil bzw. die Eigenschaft (im Fenster "Stile & Eigenschaften") aus und klicken Sie in der Symbolleiste des Fensters auf XPath bearbeiten.
Um ein Steuerelement an eine andere Stelle im Design zu kopieren, halten Sie die Strg-Taste gedrückt, während Sie das Steuerelement an die gewünschte Stelle ziehen.
Um einem Steuerelement bestimmte Eigenschaften zuzuweisen, definieren Sie (über die Eigenschaft Browser-CSS-Klasse) eine oder mehrere Klassen für das Steuerelement und weisen Sie der/den Klasse(n) anschließend in einer externen CSS-Datei (die Sie im Dialogfeld "Browser-Einstellungen" definieren) Regeln zu.
Die CSS-Eigenschaften eines Steuerelements können im Fenster "Stile & Eigenschaften" und/oder in einer externen CSS-Datei definiert werden. Die Eigenschaften, die im Fenster "Stile & Eigenschaften" definiert wurden, haben Vorrang.

 

Bearbeitungsfeldereignisse

Es steht das Ereignis "BeiEingabe" zur Verfügung. Eine Beschreibung der Aktionen, die für dieses Ereignis definiert werden können, finden Sie im Abschnitt Aktionen.

 

Bearbeitungsfeldeigenschaften

Die Eigenschaften eines Steuerelements stehen im Fenster "Stile & Eigenschaften" zur Verfügung und werden unten in der Reihenfolge, in der sie angezeigt werden, aufgelistet.

 

Click to expand/collapseName

Über seinen Namen wird das Steuerelement von anderen Stellen auf der Seite oder im Projekt aus referenziert. Doppelklicken Sie in das Wertefeld, um es zu bearbeiten.

 

Click to expand/collapseTastatur

Definiert, welche Art von Tastatur für die Dateneingabe durch den Endbenutzer auf dem Client aktiviert werden soll. Wählen Sie in der Dropdown-Liste der Auswahlliste eine der folgenden Optionen aus. Die Standardeinstellung ist Client-spezifisch:

 

Text
Zahl
Passwort: Das Passwort ist nicht sichtbar.
Sichtbares Passwort: Das Passwort wird angezeigt.
E-Mail
URI
Telefon

 

Click to expand/collapseText

Die Eigenschaft "Text" erhält ihren Wert auf eine der folgenden Arten:

 

aus einem Textstring mit einem festgelegten Wert, der im Steuerelement angezeigt wird
aus einem XPath-Ausdruck, der Daten aus einem Node in einer Seitenquelle abruft und diese Daten im Steuerelement anzeigt

 

Doppelklicken Sie in das Wertfeld, um es zu bearbeiten oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein. Rechtsklicken Sie alternativ dazu auf die Eigenschaft und wählen Sie die gewünschte Eingabemethode aus dem Kontextmenü aus (festgelegter Wert oder XPath).

 

Anmerkung:  Sie können für das Rich Text-Steuerelement einen XPath-Ausdruck eingeben, der ein HTML-kodierter String ist. Wenn im aktiven Rich Text-Stylesheet Stile für HTML-Elemente definiert sind, wird der Textwert dieser Eigenschaft mit der entsprechenden Formatierung angezeigt. Nähere Informationen dazu finden Sie im Abschnitt Rich Text.

 

Anmerkung:  Die Variable $MTControlValue steht für die Generierung des Werts der Eigenschaft Text  nicht zur Verfügung. Falls sie verwendet wird, führt dies zu einem Validierungsfehler.

 

 

Click to expand/collapseMehrzeilig

Aktiviert bzw. deaktiviert  (true/false) die Anzeige mehrzeiliger Eingaben. Die Standardeinstellung ist false.

 

Anmerkung

Wenn diese Eigenschaft auf true gesetzt ist und die Eigenschaft Textgröße automatisch anpassen aktiviert wurde, wird der Text nicht auf mehrere Zeilen umbrochen; Zeilenumbruchszeichen im Text würden jedoch einen Zeilenumbruch verursachen.
Wenn diese Eigenschaft für ein Beschriftungssteuerelement auf true gesetzt ist, steht die Eigenschaft Maximale Zeilenanzahl zur Verfügung.

 

 

Click to expand/collapseZahlenformatstring

Klicken Sie auf die Schaltfläche Zusätzliches Dialogfeld und geben Sie im daraufhin angezeigten Dialogfeld "Format" ein Zahlenformat ein (Abbildung unten).

MTPCNumberFormatString

Die Formatierung wird auf den Inhalt des Steuerelements angewendet, wenn der Inhalt numerisch ist, und in der Lösung, nicht aber im Design angezeigt.

 

Click to expand/collapseDatum/Uhrzeit-Formatstring

Klicken Sie auf die Schaltfläche Zusätzliches Dialogfeld und geben Sie im daraufhin angezeigten Dialogfeld "Format" (Abbildung unten) ein Datum, eine Uhrzeit oder ein Datum/Uhrzeit-Format ein..

MTPCDateTimeFormat

Die Formatierung wird auf den Inhalt des Steuerelements angewendet, wenn der Inhalt die richtige lexikalische Form hat: xs:date (für das Steuerelement "Datum"), xs:time (für das Steuerelement "Uhrzeit") oder xs:dateTime (für die Steuerelemente Datum, Uhrzeit und DateTime). Einfache Beispiele dafür sind:

 

xs:date: 2014-12-31
xs:time: 23:59:59
xs:dateTime: 2014-12-31T23:59:59

 

Click to expand/collapseSprache für Datum/Uhrzeit-Format

Wählen Sie in der Dropdown-Liste der Auswahlliste eine der unterstützten Sprachen aus (EN, DE, ES,, FR, JA). Die ausgewählte Sprache wird in der Datums- und Uhrzeitformatierung, die in der Eigenschaft Datum/Uhrzeit-Formatstring definiert ist (siehe Beschreibung oben) verwendet. Wenn im Formatstring die Namen von Monaten und Wochentagen verwendet werden, so werden diese in der für diese Eigenschaft ausgewählten Sprache angezeigt. Die Standardsprache ist Englisch.

 

Click to expand/collapseSteuerelementaktionen während der Eingabe auslösen

Steuerelementaktionen können auslöst werden, sobald der Benutzer mit der Eingabe beginnt. So kann z.B. ein Bildlauf zum unteren Rand der Seite durchgeführt werden, wenn mit der Eingabe begonnen wird oder ein Node kann während der Eingabe aktualisiert werden. Die Eigenschaftswerte sind true oder false. Die Standardeinstellung ist true. Damit Steuerlementaktionen von Webclients aus ausgelöst werden, muss dieser Wert explizit auf true gesetzt werden. Siehe auch Browser-Einstellungen Auslöseintervall für Steuerelementaktionen bei der Eingabe für Webclients

 

Click to expand/collapseSteuerelementaktion

Klicken Sie auf die Schaltfläche Zusätzliches Dialogfeld, um das Dialogfeld "Aktionen" für das Steuerelement aufzurufen. Sie können definieren, welche Aktionen bei Auslösen eines Steuerelementereignisses ausgelöst werden. Das/Die Ereignis(se) des Steuerelements ist/sind vordefiniert und wird/werden auf der rechten Seite des Dialogfelds "Aktionen" auf eigenen Registern angezeigt. Im linken Bereich des Fensters wird eine Aktionsbibliothek angezeigt. Sie können eine Aktion aus dem Fenster auf der linken Seite auf das Register eines Ereignisses ziehen und anschließend die Eigenschaften der Aktion definieren. Es können für jedes Ereignis mehrere Aktionen definiert werden, die in der Reihenfolge, in der sie von oben nach unten vorkommen, ausgeführt werden.

 

Nachdem Sie die Aktionen eines Steuerelements definiert haben, können Sie diese jederzeit über die Schaltfläche Zusätzliches Dialogfeld der Eigenschaft aufrufen und bearbeiten. Alternativ dazu können Sie ein Steuerelementereignis auch durch Rechtsklick auf das Steuerelement und Auswahl des Ereignisses aus dem angezeigten Kontextmenü aufrufen.

 

Click to expand/collapseSichtbar

Ein XPath-Ausdruck, dessen Ergebnis true() oder false() sein sollte. Wenn das Ergebnis des Ausdrucks false() ist, - und nur dann - ist das Steuerelement nicht sichtbar. Ist das Ergebnis des Ausdrucks true() oder wird ein anderer Wert zurückgegeben, so bleibt das Steuerelement sichtbar. Der Standardwert ist true(). Doppelklicken Sie in das Wertfeld oder klicken Sie auf die Schaltfläche XPath, um einen XPath-Ausdruck zu bearbeiten. Mit Hilfe der Eigenschaft Sichtbar kann ein Objekt sichtbar oder unsichtbar gemacht werden, je nachdem, welches Ergebnis der XPath-Ausdruck hat. Dadurch kann die Anzeige eines Objektsd dynamisch vom Inhalt oder der Struktur von Daten abhängig gemacht werden.

 

Anmerkung:  Informationen zur Sichtbarkeit von Spalten-/Zeilenbereichen finden Sie unter Tabelleneigenschaften.

 

Anmerkung:  Die Variable $MTControlValue steht für die Generierung des Werts der Eigenschaft Sichtbar nicht zur Verfügung. Falls sie verwendet wird, führt dies zu einem Validierungsfehler.

 

Click to expand/collapseAktiviert/Editierbar

Je nachdem, ob der Wert der Eigenschaft true (aktiviert) oder false (deaktiviert) ist, ist das Steuerelement entweder aktiviert oder deaktiviert. Der Wert kann direkt eingegeben werden (durch Auswahl des Werts in der Auswahlliste oder durch Doppelklick in das Wertfeld und Eingabe des gewünschten Werts). Der Wert kann auch als XPath-Ausdruck, dessen Ergebnis der Boolesche Wert true oder false ist, eingegeben werden. Der Standardwert ist true. Normalerweise überprüft der XPath-Ausdruck der Eigenschaft Aktiviert/Editierbar eines Steuerelements, ob ein Node bzw. ein bestimmter Node-Wert vorhanden ist. Wenn das Ergebnis des XPath-Ausdrucks true ist, wird das Steuerelement aktiviert.

 

Click to expand/collapseAssertion

Definiert eine Bedingung, die erfüllt werden muss, damit die Seite gültig ist. Wenn die Assertion ungültig ist, wird der Text der Eigenschaft Assertion-Meldung (siehe nächste Eigenschaft unten) im Steuerelement Assertion-Meldung angezeigt. (Wenn es mehrere Assertion-Meldungs-Steuerelemente gibt, wird in allen diesen Steuerelementen der Text der Eigenschaft Assertion-Meldung angezeigt.) Klicken Sie auf das XPath-Symbol der Eigenschaft Assertion, um einen XPath-Ausdruck zur Definition der Assertion einzugeben. So definiert etwa der XPath-Ausdruck LastName != "", dass der Node LastName nicht leer sein darf. Wenn dieser Node leer ist, wird die Assertion-Meldung der Seite im Steuerelement Assertion-Meldung der Seite angezeigt.

 

Beachten Sie, dass Assertions auch für andere Steuerelemente und die Seite definiert werden können. Wenn eine Seite mehrere ungültige Assertions enthält, wird die Assertion-Meldung der ersten ungültigen Assertion angezeigt. Steuerelement-Assertions werden vor Seiten-Assertions ausgewertet und Steuerelement-Assertions werden in der Reihenfolge ausgewertet, in der Sie im Design vorkommen.

 

Click to expand/collapseAssertion-Meldung

Definiert die Assertion-Meldung, die angezeigt werden soll, wenn die Assertion des Steuerelements ungültig ist. Doppelklicken Sie in das Wertfeld der Eigenschaft, um die Assertion-Meldung zu bearbeiten oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein. Die Assertion-Meldung wird vom Steuerelement Assertion-Meldung angezeigt.  Die Bedingung der Assertion wird mit Hilfe eines XPath-Ausdrucks definiert. So stellt z.B. der XPath-Ausdruck LastName != "" sicher, dass der Node LastName nicht leer sein darf, so darf der Node LastName nicht leer sein. Wenn dieser Node leer ist, wird die Assertion-Meldung der Seite im Steuerelement Assertion-Meldung der Seite angezeigt.

 

Beachten Sie, dass Assertions auch für andere Steuerelemente und die Seite definiert werden können.  Es kann also vorkommen, dass eine Seite mehrere ungültige Assertions enthält. In diesem Fall wird die Assertion-Meldung der ersten ungültigen Assertion (in der Reihenfolge, in der Assertions auf der Seite vorkommen) angezeigt. Steuerelement-Assertions werden vor Seiten-Assertions ausgewertet und Steuerelement-Assertions werden in der Reihenfolge ausgewertet, in der sie im Design vorkommen.

 

Click to expand/collapseTextfarbe

Definiert die Farbe des Steuerelementtexts, wenn das Steuerelement aktiviert ist. Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Anmerkung:   Ein Steuerelement kann je nach Kontext aktiviert oder deaktiviert sein. Wenn der Benutzer z.B. in einem Formular für persönliche Daten anhakt, dass er eine Lebensversicherung hat, so können die Felder für die Details der Lebensversicherungspolizze aktiviert werden; andernfalls können diese Felder deaktiviert werden. Um ein Feld zu aktivieren/zu deaktivieren, verwenden Sie die Eigenschaft Aktiviert/Editierbar des entsprechenden Steuerelements. Mit Hilfe der Eigenschaft Textfarbe (deaktiviert) können Sie eine Textfarbe für ein deaktiviertes Steuerelement definieren.

 

Click to expand/collapseTextfarbe (deaktiviert)

Definiert die Farbe des Steuerelementtexts, wenn das Steuerelement deaktiviert ist. Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Anmerkung:   Ein Steuerelement kann je nach Kontext aktiviert oder deaktiviert sein. Wenn der Benutzer z.B. in einem Formular für persönliche Daten anhakt, dass er eine Lebensversicherung hat, so können die Felder für die Details der Lebensversicherungspolizze aktiviert werden; andernfalls können diese Felder deaktiviert werden. Um ein Feld zu aktivieren/zu deaktivieren, verwenden Sie die Eigenschaft Aktiviert/Editierbar des entsprechenden Steuerelements. Mit Hilfe der Eigenschaft Textfarbe können Sie eine Textfarbe für ein aktiviertes Steuerelement definieren.

 

Click to expand/collapseTextgröße

Wählen Sie eine Größe aus der Dropdown-Liste der Auswahlliste aus. Zulässige Werte sind: kleinste|klein|mittel|groß|größte. Jede Plattform/Jedes Gerät hat eine eigene Pixelhöhe für die Größe von Wörtern. Die Standardgröße in Pixel ist die Client-spezifische Pixelhöhe, die dem Wert mittel entspricht.

 

Mit Hilfe der Funktion mt-font-height können Sie andere Werte generieren. Um z.B. eine Größe zu erhalten, die 120% größer als die numerische Größe ist, die der Einstellung 'largest' auf einem Gerät entspricht, verwenden Sie für den Wert Textgröße den folgenden XPath-Ausdruck: mt-font-height('größte', 'px') * 1.2. Die Funktion generiert den numerischen (Pixel)wert, der der Größe 'größte' entspricht. Dieser Wert wird anschließend mit 1,2 multipliziert, um den numerischen Wert zu erhalten, der 120 % des Werts für 'größte' entspricht.

 

Click to expand/collapsePunkte oder Pixel auf iOS-Geräten

Wenn Sie Pixelwerte für Eigenschaften, mit denen eine Länge definiert ist, eingeben, so werden diese Werte bei Darstellung auf iOS-Geräten als Punkte im Anzeigebereichkoordinatenraum gelesen. Der Anzeigebereichkoordinatenraum ist der Bildschirmbereich, auf dem die Designkomponenten abgebildet werden und ein Punkt ist die Längeneinheit in diesem Raum, d.h. es handelt sich hierbei nicht um die typografische Einheit, die 1/72 Zoll beträgt. Das iOS-Gerät ordnet die Punkte des Anzeigebereichkoordinatenraums automatisch Pixeln im Gerätekoordinatenraum zu. Dadurch, dass die Werte auf diese Art (Anzeigebereichswerte zu Gerätewerte) zugeordnet werden, wird sichergestellt, dass bei Designkomponenten unabhängig von der Auflösung des iOS-Geräts oder den verwendeten Maßeinheiten das richtige Größenverhältnis in Bezug auf den Bildschirm und auf die Komponenten zueinander beibehalten wird.

 

Sie können in MobileTogether Designer mit Hilfe der dynamischen Variablen $MT_CanvasX und $MT_CanvasY die Größe des aktuellen Anzeigebereichs (Bildschirms) und somit Längenwerte im Verhältnis zu dieser Größe ermitteln. Für iOS-Geräte werden die von diesen Variablen zurückgegebenen Werte folgendermaßen berechnet: Die Pixel-Dimensionen des aktuellen Gerätekoordinatenraums werden (mit Hilfe des entsprechenden Konvertierungsfaktors) in Punktwerte im Anzeigebereichkoordinatenraum konvertiert. Diese Punktwerte (Zahlenwerte) werden von den beiden Variablen für die Verwendung im Design als Pixel zurückgegeben. Wenn ein Bild z.B. die halbe Breite des Anzeigebereichs einnehmen soll, definieren Sie dafür eine Pixelbreite die gleich $MT_CanvasX * 0.5 ist. Der XPath-Ausdruck für diese Bildbreite wäre folgender: concat($MT_CanvasX * 0.5, 'px').

 

Click to expand/collapseFetter Text

Wählen Sie in der Dropdown-Liste der Auswahlliste true oder false aus. Sie können auch einen XPath-Ausdruck verwenden. Die Standardeinstellung ist false.

 

Click to expand/collapseKursiver Text

Wählen Sie in der Dropdown-Liste der Auswahlliste true oder false aus. Der Wert kann auch dynamisch mit Hilfe eines XPath-Ausdrucks generiert werden. Die Standardeinstellung ist false.

 

Click to expand/collapseText unterstreichen

Wählen Sie in der Dropdown-Liste der Auswahlliste true oder false aus. Der Wert kann auch dynamisch mit Hilfe eines XPath-Ausdrucks generiert werden. Die Standardeinstellung ist false.

 

Click to expand/collapseHintergrundfarbe

Definiert die Hintergrundfarbe des Objekts, wenn es aktiv ist. Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus. Um die Hintergrundfarbe des Steuerelements auszuwählen, wählen Sie in der Auswahlliste den Eintrag Steuerelementhintergrundfarbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein. Um die Hintergrundfarbe des Steuerelements zu verwenden, geben Sie den XPath-Ausdruck "control" ein.

 

Anmerkung:   Damit die Zelle dieselbe Hintergrundfarbe wie das Steuerelement in der Zelle erhält, wählen Sie entweder (i) in der Auswahlliste der Eigenschaft den Eintrag Steuerelementhintergrund aus oder (ii) geben Sie in das Wertefeld der Eigenschaft den XPath-Ausdruck "control" ein.

 

Anmerkung:   Ein Steuerelement kann je nach Kontext aktiviert oder deaktiviert sein. Wenn der Benutzer z.B. in einem Formular für persönliche Daten anhakt, dass er eine Lebensversicherung hat, so können die Felder für die Details der Lebensversicherungspolizze aktiviert werden; andernfalls können diese Felder deaktiviert werden. Um ein Feld zu aktivieren/zu deaktivieren, verwenden Sie die Eigenschaft Aktiviert/Editierbar des entsprechenden Steuerelements. Mit Hilfe der Eigenschaft Textfarbe (deaktiviert) können Sie eine Textfarbe für ein deaktiviertes Steuerelement definieren.

Click to expand/collapseHintergrundfarbe (deaktiviert)

Definiert die Hintergrundfarbe des Objekts, wenn es deaktiviert ist. Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Anmerkung:   Ein Steuerelement kann je nach Kontext aktiviert oder deaktiviert sein. Wenn der Benutzer z.B. in einem Formular für persönliche Daten anhakt, dass er eine Lebensversicherung hat, so können die Felder für die Details der Lebensversicherungspolizze aktiviert werden; andernfalls können diese Felder deaktiviert werden. Um ein Feld zu aktivieren/zu deaktivieren, verwenden Sie die Eigenschaft Aktiviert/Editierbar des entsprechenden Steuerelements. Mit Hilfe der Eigenschaft Textfarbe können Sie eine Textfarbe für ein aktiviertes Steuerelement definieren.

Click to expand/collapseTipp

Stellt einen Texttipp für den Endbenutzer zur Verfügung, z.B. einen Tipp zu einer Aktion, die der Endbenutzer mit Hilfe dieses Steuerelements durchführen muss. Doppelklicken Sie in das Wertfeld der Eigenschaft, um den Texttipp zu bearbeiten oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Click to expand/collapseTipp-Textfarbe

Definiert die Textfarbe des Tipps für das Steuerelement. Diese Textfarbe ist die Farbe, in der der für die Eigenschaft "Tipp" definierte Text angezeigt wird (siehe oben). Zur Auswahl der Farbe haben Sie folgende Möglichkeiten:

 

Klicken Sie auf die Farbpalette, um eine Hintergrundfarbe auszuwählen.
Wählen Sie aus der Dropdown-Liste der Auswahlliste eine Farbe aus.
Doppelklicken Sie in das Wertefeld, um einen Farbcode (z.B. #FF0000) auszuwählen oder klicken Sie auf die Symbolleisten-Schaltfläche XPath und geben Sie einen XPath-Ausdruck zur Generierung des gewünschten Texts ein.

 

Click to expand/collapseHorizontale Ausrichtung

Setzt die horizontale Ausrichtung auf left, center oder right. Die Standardeinstellung ist center. Der Wert kann auch über einen XPath-Ausdruck definiert werden (Auf diese Art kann der Wert dynamisch generiert werden).

 

Click to expand/collapseBreite des Steuerelements

Definiert die Breite des Steuerelements. Wählen Sie über die Auswahlliste der Eigenschaft einen Wert aus. Es stehen die folgenden Werte zur Verfügung:

 

Parent_ausfüllen: Die Breite des Steuerelements wird an die des übergeordneten Elements, z.B. einer Tabellenzelle oder der Seite angepasst.
Inhalt_umbrechen: Das Steuerelement wird nur so breit gemacht, dass der Inhalt des Steuerelements Platz hat. Wenn dieser Wert ausgewählt ist, wird die Eigenschaft Maximale Steuerelementbreite verfügbar.
Prozentwert: ein Prozentwert der Seitenbreite; wählen Sie einen Wert aus der Dropdown-Liste aus oder geben Sie den Wert direkt ein.
Pixelwert: Wählen Sie einen Pixelwert aus der Dropdown-Liste aus oder geben Sie direkt einen Wert ein.

 

Mit Parent_ausfüllen wird somit eine maximale Breite definiert, während mit Inhalt_umbrechen eine minimale Breite festgelegt wird.

 

Der Standardwert für alle Steuerelemente mit Ausnahme der folgenden ist Parent_ausfüllen.

 

Bild und Diagramm: Für diese ist der Standardwert Inhalt_umbrechen.
Geolocation-Karte: Der Standardwert ist der kleinere der beiden Werte $MT_CanvasX und $MT_CanvasY. Mit diesen beiden dynamischen Variablen wird die Breite bzw. Höhe des Anzeigebereichs des Geräts angegeben. Da die Standardwerte von Höhe des Steuerelements and Breite des Steuerelements die gleichen sind (in beiden Fällen jeweils der kleinere Wert von $MT_CanvasX und $MT_CanvasY), bildet die Standardform und -größe des Anzeigebereichs im Steuerelement immer ein Quadrat, das gleich min($MT_CanvasX, $MT_CanvasY) ist.

 

Click to expand/collapsePunkte oder Pixel auf iOS-Geräten

Wenn Sie Pixelwerte für Eigenschaften, mit denen eine Länge definiert ist, eingeben, so werden diese Werte bei Darstellung auf iOS-Geräten als Punkte im Anzeigebereichkoordinatenraum gelesen. Der Anzeigebereichkoordinatenraum ist der Bildschirmbereich, auf dem die Designkomponenten abgebildet werden und ein Punkt ist die Längeneinheit in diesem Raum, d.h. es handelt sich hierbei nicht um die typografische Einheit, die 1/72 Zoll beträgt. Das iOS-Gerät ordnet die Punkte des Anzeigebereichkoordinatenraums automatisch Pixeln im Gerätekoordinatenraum zu. Dadurch, dass die Werte auf diese Art (Anzeigebereichswerte zu Gerätewerte) zugeordnet werden, wird sichergestellt, dass bei Designkomponenten unabhängig von der Auflösung des iOS-Geräts oder den verwendeten Maßeinheiten das richtige Größenverhältnis in Bezug auf den Bildschirm und auf die Komponenten zueinander beibehalten wird.

 

Sie können in MobileTogether Designer mit Hilfe der dynamischen Variablen $MT_CanvasX und $MT_CanvasY die Größe des aktuellen Anzeigebereichs (Bildschirms) und somit Längenwerte im Verhältnis zu dieser Größe ermitteln. Für iOS-Geräte werden die von diesen Variablen zurückgegebenen Werte folgendermaßen berechnet: Die Pixel-Dimensionen des aktuellen Gerätekoordinatenraums werden (mit Hilfe des entsprechenden Konvertierungsfaktors) in Punktwerte im Anzeigebereichkoordinatenraum konvertiert. Diese Punktwerte (Zahlenwerte) werden von den beiden Variablen für die Verwendung im Design als Pixel zurückgegeben. Wenn ein Bild z.B. die halbe Breite des Anzeigebereichs einnehmen soll, definieren Sie dafür eine Pixelbreite die gleich $MT_CanvasX * 0.5 ist. Der XPath-Ausdruck für diese Bildbreite wäre folgender: concat($MT_CanvasX * 0.5, 'px').

 

Click to expand/collapseMaximale Steuerelementbreite

Diese Eigenschaft steht nur zur Verfügung, wenn die Eigenschaft Steuerelementbreite des Steuerelements auf Inhalt_umbrechen gesetzt wurde. Mit der Eigenschaft Maximale Steuerelementbreite wird die maximale Breite des Steuerelements definiert. Wählen Sie einen Wert aus der Auswahlliste der Eigenschaft aus. Die folgenden Werte stehen zur Verfügung:

 

Prozentwert: ein Prozentwert der Seitenbreite; wählen Sie einen Wert aus der Dropdown-Liste aus oder geben Sie einen Wert direkt ein.
Pixelwert: Wählen Sie einen Pixelwert aus der Dropdown-Liste aus oder geben Sie einen Wert direkt ein.

 

Click to expand/collapseRand

Definiert den Randabstand des Steuerelements zu umgebenden Objekten oder zu den Rändern des enthaltenden Objekts. Wählen Sie in der Dropdown-Liste der Auswahlliste einen Wert in Pixel aus oder doppelklicken Sie in das Wertfeld, um eine Pixellänge einzugeben. Der definierte Randabstand wird auf allen vier Seiten des Steuerelements erstellt. Wenn Sie für eine der vier Seiten einen anderen Rand definieren möchten, erweitern Sie die Eigenschaft Rand, um die einzelnen Randeigenschaften (links, rechts, oben und unten) anzuzeigen und definieren Sie einen anderen Wert dafür. Wenn Sie z.B. Rand auf 6px und Unterer Rand auf 12px setzen, so erhalten der obere, linke und rechte Rand eine Breite von 6px und der untere Rand eine von 12px.

 

Click to expand/collapsePunkte oder Pixel auf iOS-Geräten

Wenn Sie Pixelwerte für Eigenschaften, mit denen eine Länge definiert ist, eingeben, so werden diese Werte bei Darstellung auf iOS-Geräten als Punkte im Anzeigebereichkoordinatenraum gelesen. Der Anzeigebereichkoordinatenraum ist der Bildschirmbereich, auf dem die Designkomponenten abgebildet werden und ein Punkt ist die Längeneinheit in diesem Raum, d.h. es handelt sich hierbei nicht um die typografische Einheit, die 1/72 Zoll beträgt. Das iOS-Gerät ordnet die Punkte des Anzeigebereichkoordinatenraums automatisch Pixeln im Gerätekoordinatenraum zu. Dadurch, dass die Werte auf diese Art (Anzeigebereichswerte zu Gerätewerte) zugeordnet werden, wird sichergestellt, dass bei Designkomponenten unabhängig von der Auflösung des iOS-Geräts oder den verwendeten Maßeinheiten das richtige Größenverhältnis in Bezug auf den Bildschirm und auf die Komponenten zueinander beibehalten wird.

 

Sie können in MobileTogether Designer mit Hilfe der dynamischen Variablen $MT_CanvasX und $MT_CanvasY die Größe des aktuellen Anzeigebereichs (Bildschirms) und somit Längenwerte im Verhältnis zu dieser Größe ermitteln. Für iOS-Geräte werden die von diesen Variablen zurückgegebenen Werte folgendermaßen berechnet: Die Pixel-Dimensionen des aktuellen Gerätekoordinatenraums werden (mit Hilfe des entsprechenden Konvertierungsfaktors) in Punktwerte im Anzeigebereichkoordinatenraum konvertiert. Diese Punktwerte (Zahlenwerte) werden von den beiden Variablen für die Verwendung im Design als Pixel zurückgegeben. Wenn ein Bild z.B. die halbe Breite des Anzeigebereichs einnehmen soll, definieren Sie dafür eine Pixelbreite die gleich $MT_CanvasX * 0.5 ist. Der XPath-Ausdruck für diese Bildbreite wäre folgender: concat($MT_CanvasX * 0.5, 'px').

 

Click to expand/collapseAbstände

Definiert die Abstände eines Steuerelements, d.h. den Raum zwischen dem Rand des Steuerelements und dem Inhalt des Steuerelements. Wählen Sie aus der Dropdown-Liste der Auswahlliste einen Wert in Pixel aus oder doppelklicken Sie in das Wertefeld, um einen Pixelwert einzugeben. Die Abstände werde für alle vier Seiten des Steuerelements definiert. Wenn Sie für eine der vier Seiten einen anderen Abstand definieren möchten, erweitern Sie die Eigenschaft Abstände, um die einzelnen Abstandseigenschaften (links, rechts, oben und unten) anzuzeigen und definieren Sie einen anderen Wert dafür. Wenn Sie z.B. Abstände auf 6px und Abstand unten auf 12px setzen, so Sie oben, rechts und links einen Abstand von 6px und unten 12px.

 

Click to expand/collapsePunkte oder Pixel auf iOS-Geräten

Wenn Sie Pixelwerte für Eigenschaften, mit denen eine Länge definiert ist, eingeben, so werden diese Werte bei Darstellung auf iOS-Geräten als Punkte im Anzeigebereichkoordinatenraum gelesen. Der Anzeigebereichkoordinatenraum ist der Bildschirmbereich, auf dem die Designkomponenten abgebildet werden und ein Punkt ist die Längeneinheit in diesem Raum, d.h. es handelt sich hierbei nicht um die typografische Einheit, die 1/72 Zoll beträgt. Das iOS-Gerät ordnet die Punkte des Anzeigebereichkoordinatenraums automatisch Pixeln im Gerätekoordinatenraum zu. Dadurch, dass die Werte auf diese Art (Anzeigebereichswerte zu Gerätewerte) zugeordnet werden, wird sichergestellt, dass bei Designkomponenten unabhängig von der Auflösung des iOS-Geräts oder den verwendeten Maßeinheiten das richtige Größenverhältnis in Bezug auf den Bildschirm und auf die Komponenten zueinander beibehalten wird.

 

Sie können in MobileTogether Designer mit Hilfe der dynamischen Variablen $MT_CanvasX und $MT_CanvasY die Größe des aktuellen Anzeigebereichs (Bildschirms) und somit Längenwerte im Verhältnis zu dieser Größe ermitteln. Für iOS-Geräte werden die von diesen Variablen zurückgegebenen Werte folgendermaßen berechnet: Die Pixel-Dimensionen des aktuellen Gerätekoordinatenraums werden (mit Hilfe des entsprechenden Konvertierungsfaktors) in Punktwerte im Anzeigebereichkoordinatenraum konvertiert. Diese Punktwerte (Zahlenwerte) werden von den beiden Variablen für die Verwendung im Design als Pixel zurückgegeben. Wenn ein Bild z.B. die halbe Breite des Anzeigebereichs einnehmen soll, definieren Sie dafür eine Pixelbreite die gleich $MT_CanvasX * 0.5 ist. Der XPath-Ausdruck für diese Bildbreite wäre folgender: concat($MT_CanvasX * 0.5, 'px').

 

Click to expand/collapseAktivierreihenfolge

Die Eigenschaft Aktivierreihenfolge erhält als Wert eine Ganzzahl oder eine XPath-Erweiterung, deren Ergebnis eine Ganzzahl ist. Diese Ganzzahl gibt die Position des Steuerelements in der Aktivierreihenfolge an.

 

Die Aktivierreihenfolge ist die Reihenfolge, in der Steuerelemente den Fokus erhalten, wenn der Benutzer auf dem Client-Gerät die Tabulatortaste drückt. Die gesamte Aktivierreihenfolge kann mit dem Befehl Seite | Aktivierreihenfolge anzeigen/definieren schnell und im visuellen Kontext aller Steuerelemente der Seite definiert werden. Die Eigenschaft Aktivierreihenfolge einzelner Steuerelemente gibt die Reihenfolgeposition nur dieses Steuerelements an.

 

Anmerkung:    Die Funktion "Aktivierreihenfolge" steht nur auf Web und Windows Clients zur Verfügung.

 

 

Click to expand/collapseStylesheet

Mit der Eigenschaft Stylesheet wird definiert, welches Stylesheet für das Steuerelement verwendet werden soll. In der Dropdown-Liste der Auswahlliste der Eigenschaft Stylesheet werden alle benutzerdefinierten Stylesheets, die im Projekt definiert wurden, angezeigt. Wählen Sie das gewünschte Stylesheet für das Steuerelement aus. Alternativ dazu können Sie einen XPath-Ausdruck auswählen, um das gewünschte Stylesheet auszuwählen; dies hat den Vorteil, dass Sie der Auswahl des Stylesheet eine Bedingung zugrunde legen können (siehe Anwenden benutzerdefinierter Stylesheets). Nähere Informationen dazu finden Sie im Abschnitt Stylesheets.

 

Click to expand/collapseBrowser-CSS-Klasse

Der Name einer oder mehrerer CSS-Klassen, die mit diesem Steuerelement verknüpft werden sollen. Verwenden Sie ein Leerzeichen, um mehrere Klassen zuzuweisen: LabelClassOne LabelClassTwo. Diese Klassen können anschließend in einer (im Dialogfeld "Browser-Einstellungen") definierten) CSS-Datei verwendet werden, um diesem Steuerelement Eigenschaften zuzuweisen. Der Name/Die Namen der Klasse(n) kann/können auch mit Hilfe eines XPath-Ausdrucks generiert oder abgerufen werden.

 

 


© 2019 Altova GmbH