Dropdown-Komponente

Über eine Dropdown-Liste kann ein Agent eine Auswahl aus einer Liste treffen. Eine inaktive Dropdown-Liste zeigt den zuletzt ausgewählten Wert oder den Standardwert der Variable an, an die sie gebunden ist.

  1. Klicken Sie in der Komponentensymbolleiste auf Runterfallen .
  2. Erweitern Sie die Eigenschaftsgruppe Advanced
  3. Von der Wert Einstellungen, wählen Sie eine Zeichenfolgenvariable.
    Hinweis: Zur Laufzeit speichert diese Variable die Auswahl des Agenten.
  4. Um Auswahlmöglichkeiten für den Agenten festzulegen, klicken Sie unter Optionen auf Liste bearbeiten . Der Liste bearbeiten wird angezeigt und bietet Tools zum Hinzufügen, Bearbeiten, Neuanordnen oder Entfernen von Listenelementen aus einer Dropdown-Liste.
  5. Klicken Sie auf Neues Element hinzufügen.
  6. Unter Wert , geben Sie einen eindeutigen Wert ein, der in der Variable gespeichert werden soll, wenn dieses Element ausgewählt wird.
    Tipp : Werte und Beschriftungen für Dropdown-Elemente können interpolierte Variablen oder normalen Text enthalten. Weitere Informationen finden Sie unter Verwenden Sie Klammern, um Variablenwerte anzuzeigen Und Integrierte Variablen .
  7. Geben Sie unter Anzeige den Text ein, den der Agent als Auswahlmöglichkeit sieht.
  8. Klicken Sie auf Hinzufügen.
  9. Wiederholen Sie die Schritte 4 bis 8, um der Liste weitere Elemente hinzuzufügen.
  10. Verwenden Sie die Pfeile nach oben und unten, um Elemente in der Liste zu verschieben.
  11. Wenn Sie fertig sind, schließen Sie die Liste. Zur Laufzeit zeigt die Dropdown-Liste dem Agenten diese Auswahlmöglichkeiten an. Wenn zuvor ein Wert ausgewählt wurde, wird der Wert durch ein Kontrollkästchen gekennzeichnet.
  12. Um eine dynamische Dropdown-Liste zu definieren, aus der der Agent auswählen kann, klicken Sie unter Optionen Klicken Sie auf das Menü und wählen Sie Variable .
  13. Im Werte Liste Wählen Sie in der Dropdown-Liste eine Variable aus oder erstellen Sie eine neue Variable.
  14. (Optional) Wählen Sie eine Aktion aus, die ausgeführt werden soll, wenn ein Element aus dieser Dropdown-Liste ausgewählt wird.
  15. Klicken Sie auf Keine Aktion ausgewählt unter Aktion ändern in den Komponenteneigenschaften. 
  16. Legen Sie alle anderen Eigenschaften dieser Komponente fest.

Allgemein

Die Eigenschaft „Wert“ bindet eine Komponente an die ausgewählte Variable. Wenn Sie z. B. eine Texteingabekomponente an eine Variable binden, zeigt das Eingabefeld immer den Wert dieser Variable an und ignoriert jeden angegebenen Platzhaltertext. Die Variable wird automatisch mit vom Benutzer eingegebenem Text aktualisiert und einer Validierung unterzogen.

Andere Steuerelemente, z. B. Optionsfelder, verwenden die Einstellung Wert mit einem Text für den ausgewählten Wert. Wenn das Optionsfeld zur Laufzeit ausgewählt wird, wird sein "Selected Value Text" zum neuen Wert der Variablen. Auf diese Weise kann jede Optionsschaltfläche der gleichen Variablen einen anderen Wert zuweisen.

Wenn ein Kalendersteuerelement an die Variable gebunden ist, wird ihr Wert auf das von dem Steuerelement ausgewählte Datum gesetzt. Da Variablen den Wert von visuellen Steuerelementen vorgeben und auch von diesen gesetzt werden können, ist die Bindung eine leistungsstarke und häufig verwendete Technik.

Platzhaltertext zeigt dem Benutzer einen Hinweis an.

Bei einer Texteingabe wird ein Platzhaltertext angezeigt, bis der Benutzer eine Eingabe macht. Wenn der Benutzer den Inhalt eines Eingabefeldes löscht, wird der Platzhaltertext erneut angezeigt.

Bei einem Dropdown-Menü fordert Platzhaltertext den Benutzer auf, eine Auswahl zu treffen.  Der Platzhalter wird ersetzt, nachdem der Benutzer ein Element ausgewählt hat.

Tipp : Manuell eingegebener Platzhaltertext wird ignoriert, wenn die Komponente an eine Variable gebunden ist. Wenn eine Variable ausgewählt ist, wird ihr Wert immer angezeigt. 

Konfigurieren Sie das Etikett, indem Sie eine Variable auswählen, Text eingeben und eine Position auswählen.

Diese Eigenschaft gilt nur für Dropdown-Komponenten. Sie fügt Listenelemente aus einer Dropdown-Liste hinzu oder entfernt sie.

  1. Standardmäßig hat ein Dropdown keine Elemente. Um Auswahlmöglichkeiten für Benutzer hinzuzufügen, erweitern Sie die Eigenschaftsgruppe Advanced
  2. Klicken Sie auf Liste bearbeiten unter Optionen
  3. Klicken Sie auf Neues Element hinzufügen.
  4. Konfigurieren Sie für jedes Element den anzuzeigenden Text und einen Rückgabewert:
    1. Setzen Sie Wert auf eine eindeutige Zeichenfolge oder Zahl Wenn das Element ausgewählt wird, gibt der Wert an, welches Element der Benutzer ausgewählt hat. Der Wert kann optional durch eine Variable zugewiesen werden.
    2. Stellen Sie Anzeige auf Text ein, den der Benutzer in der Dropdown-Liste auswählen kann Der Anzeigetext kann optional über eine Variable zugewiesen werden.
  5. Klicken Sie auf Hinzufügen , um das Element zu speichern
  6. Der Liste bearbeiten Das Fenster fasst die hinzugefügten Elemente zusammen. Sie können Elemente neu anordnen, indem Sie auf die Aufwärts-/Abwärtspfeile klicken, Elemente löschen, indem Sie auf das Papierkorbsymbol klicken, oder zusätzliche Listenelemente zur Dropdown-Liste hinzufügen.
  7. Klicken Sie auf Add New Item , um weitere Artikel hinzuzufügen
  8. Wenn Sie fertig sind, klicken Sie auf Schließen .

Die Eigenschaft „Wert erforderlich: Wahr/Falsch“ bestimmt, ob der Benutzer einen Wert eingeben oder auswählen muss. Der Standardwert ist „False“, was bedeutet, dass die Benutzerinteraktion optional ist.

Die Benutzeroberfläche zeigt visuell an, ob die Benutzereingabe optional ist. Optionale Eingaben werden durch eine Beschriftung unterhalb der Komponente angezeigt.

 

Layout

Konfiguriert die Breite auf eine feste Größe, die je nach Bedarf wächst, um den Inhalt anzuzeigen oder so viel Platz wie möglich im Verhältnis zu anderen Komponenten zu beanspruchen, wobei eine Gewichtung die Größenanpassung beeinflusst.

  • Automatische Größenanpassung konfiguriert die Komponente so, dass sie entsprechend ihrem Inhalt schrumpft oder wächst. Beispielsweise kann die Breite eines Etiketts mit der Menge des enthaltenen Textes zunehmen.
  • Strecken ermöglicht es einer Komponente, im Verhältnis zu anderen Komponenten möglichst viel Platz einzunehmen, wobei die Größenanpassung durch Gewichtung beeinflusst wird.
    Notiz : Wenn zwei Komponenten beide auf Streckung eingestellt sind, werden ihnen standardmäßig jeweils 50 % des verbleibenden Platzes zugewiesen. Dieser Anteil kann durch Änderung des Gewichtswertes angepasst werden. Wenn Sie z. B. für eine Komponente eine Gewichtung von 200 und für die andere eine Gewichtung von 100 festlegen, nimmt die erste Komponente zwei Drittel des verbleibenden Platzes ein, während die andere Komponente nur ein Drittel einnimmt. Die erste Komponente erscheint doppelt so groß wie die andere Komponente, da ihr Gewicht doppelt so hoch war wie das Gewicht der zweiten Komponente.
  • px legt eine feste Größe in Pixeln fest. Sie können einen ganzzahligen Wert in das Feld eingeben oder die Pfeile nach oben oder unten verwenden, um die Größe zu erhöhen oder zu verringern. Diese Pfeile sind sichtbar, wenn die Komponente den Fokus hat.

Konfiguriert die Höhe auf eine feste Größe, damit sie je nach Bedarf wächst, um den Inhalt anzuzeigen, oder um so viel Platz wie möglich im Verhältnis zu anderen Komponenten zu beanspruchen, wobei eine Gewichtung die Größenanpassung beeinflusst.

  • Automatische Größenanpassung konfiguriert die Komponente so, dass sie entsprechend ihrem Inhalt schrumpft oder wächst. Beispielsweise kann die Breite eines Etiketts mit der Menge des enthaltenen Textes zunehmen.
  • Strecken ermöglicht es einer Komponente, im Verhältnis zu anderen Komponenten möglichst viel Platz einzunehmen, wobei die Größenanpassung durch Gewichtung beeinflusst wird.
    Notiz : Wenn zwei Komponenten beide auf Streckung eingestellt sind, werden ihnen standardmäßig jeweils 50 % des verbleibenden Platzes zugewiesen. Dieser Anteil kann durch Änderung des Gewichtswertes angepasst werden. Wenn Sie z. B. für eine Komponente eine Gewichtung von 200 und für die andere eine Gewichtung von 100 festlegen, nimmt die erste Komponente zwei Drittel des verbleibenden Platzes ein, während die andere Komponente nur ein Drittel einnimmt. Die erste Komponente erscheint doppelt so groß wie die andere Komponente, da ihr Gewicht doppelt so hoch war wie das Gewicht der zweiten Komponente.
  • px legt eine feste Größe in Pixeln fest. Sie können einen ganzzahligen Wert in das Feld eingeben oder die Pfeile nach oben oder unten verwenden, um die Größe zu erhöhen oder zu verringern. Diese Pfeile sind sichtbar, wenn die Komponente den Fokus hat.

Richtet eine Komponente relativ zu ihrem übergeordneten Container links, rechts oder mittig aus.

Tipp: Eine Komponente kann nicht vertikal zentriert werden, wenn die Höheneinstellung des übergeordneten ContainersAuto Sizing . Um dies zu korrigieren, setzen Sie die Höhe des übergeordneten Containers aufStretch oder auf eine feste Höhe inPixels .

Ränder legen den linken, rechten, oberen und unteren Abstand um einen Rahmen fest.

  1. Klicken Sie auf das Wertfeld für eine Spanne. In diesem Feld erscheint ein Drehschalter.
  2. Verwenden Sie die Drehsteuerung, um den Rand zu vergrößern oder zu verkleinern. 
  3. Um alle Randwerte auf einmal zu aktualisieren, klicken Sie auf das Alle festlegen Schaltfläche für Rand im Eigenschaftenfenster.

Die Eigenschaft „Sichtbar“ legt die Sichtbarkeit einer Komponente basierend auf dem Wert einer booleschen Variable (Wahr oder Falsch) oder eines Ausdrucks fest.

So legen Sie die Eigenschaft „Sichtbar“ basierend auf einer Variablen fest:

  1. Klicken Sie auf das Layout Immobiliengruppe in der Eigenschaften Bedienfeld.
  2. Unter Sichtbar auf Variable auswählen .
  3. Wählen Sie eine Variable aus, oder erstellen Sie optional eine neue Ja/Nein-Variable und weisen Sie diese neue Variable der Eigenschaft Sichtbar zu
  4. Zur Laufzeit ist die Komponente sichtbar, wenn der Wert der Variablen True ist. Umgekehrt wird sie ausgeblendet, wenn der Wert der Variablen Falselautet.

So legen Sie die Eigenschaft „Sichtbar“ basierend auf einem Ausdruck fest:

  1. Klicken Sie auf das Layout Immobiliengruppe in der Eigenschaften Bedienfeld.
  2. Wählen Sie unter Sichtbar Wahr/Falsch-Ausdruck .
  3. Geben Sie im Feld „Variable einfügen“ einen Ausdruck ein.

Zur Laufzeit ist die Komponente sichtbar, wenn der Ausdruck True ist. Die Komponente wird ausgeblendet, wenn der Ausdruck FALSCH .

Aussehen

Konfigurieren Sie den Beschriftungsstil, indem Sie Folgendes auswählen:

  • Schriftart
  • Stil
  • Größe
  • Rechtfertigung

Erweitert

Die Eigenschaft „Wert“ bindet eine Komponente an die ausgewählte Variable. Wenn Sie z. B. eine Texteingabekomponente an eine Variable binden, zeigt das Eingabefeld immer den Wert dieser Variable an und ignoriert jeden angegebenen Platzhaltertext. Die Variable wird automatisch mit vom Benutzer eingegebenem Text aktualisiert und einer Validierung unterzogen.

Andere Steuerelemente, z. B. Optionsfelder, verwenden die Einstellung Wert mit einem Text für den ausgewählten Wert. Wenn das Optionsfeld zur Laufzeit ausgewählt wird, wird sein "Selected Value Text" zum neuen Wert der Variablen. Auf diese Weise kann jede Optionsschaltfläche der gleichen Variablen einen anderen Wert zuweisen.

Wenn ein Kalendersteuerelement an die Variable gebunden ist, wird ihr Wert auf das von dem Steuerelement ausgewählte Datum gesetzt. Da Variablen den Wert von visuellen Steuerelementen vorgeben und auch von diesen gesetzt werden können, ist die Bindung eine leistungsstarke und häufig verwendete Technik.

Diese Eigenschaft gilt nur für Dropdown-Komponenten. Sie fügt Listenelemente aus einer Dropdown-Liste hinzu oder entfernt sie.

  1. Standardmäßig hat ein Dropdown keine Elemente. Um Auswahlmöglichkeiten für Benutzer hinzuzufügen, erweitern Sie die Eigenschaftsgruppe Advanced
  2. Klicken Sie auf Liste bearbeiten unter Optionen
  3. Klicken Sie auf Neues Element hinzufügen.
  4. Konfigurieren Sie für jedes Element den anzuzeigenden Text und einen Rückgabewert:
    1. Setzen Sie Wert auf eine eindeutige Zeichenfolge oder Zahl Wenn das Element ausgewählt wird, gibt der Wert an, welches Element der Benutzer ausgewählt hat. Der Wert kann optional durch eine Variable zugewiesen werden.
    2. Stellen Sie Anzeige auf Text ein, den der Benutzer in der Dropdown-Liste auswählen kann Der Anzeigetext kann optional über eine Variable zugewiesen werden.
  5. Klicken Sie auf Hinzufügen , um das Element zu speichern
  6. Der Liste bearbeiten Das Fenster fasst die hinzugefügten Elemente zusammen. Sie können Elemente neu anordnen, indem Sie auf die Aufwärts-/Abwärtspfeile klicken, Elemente löschen, indem Sie auf das Papierkorbsymbol klicken, oder zusätzliche Listenelemente zur Dropdown-Liste hinzufügen.
  7. Klicken Sie auf Add New Item , um weitere Artikel hinzuzufügen
  8. Wenn Sie fertig sind, klicken Sie auf Schließen .

Die Eigenschaft „Wert erforderlich: Wahr/Falsch“ bestimmt, ob der Benutzer einen Wert eingeben oder auswählen muss. Der Standardwert ist „False“, was bedeutet, dass die Benutzerinteraktion optional ist.

Die Benutzeroberfläche zeigt visuell an, ob die Benutzereingabe optional ist. Optionale Eingaben werden durch eine Beschriftung unterhalb der Komponente angezeigt.

 


Alle Komponenten sind standardmäßig aktiviert. Die Disabled-Eigenschaft bindet eine True/False-Variable an eine Komponente, um sie auf der Grundlage des Laufzeitwertes der Variablen zu deaktivieren oder zu aktivieren.

  1. Um eine Wahr/Falsch-Variable zu erstellen, klicken Sie auf die Registerkarte Variablen
  2. Klicken Sie auf , um eine Variable hinzuzufügen.
  3. Wählen Sie Wahr/Falsch als Datentyp
  4. Geben Sie in das Feld Name einen beschreibenden Namen ein.
  5. Standardwert festlegen auf WAHR oder FALSCH .
    • Ist die Variable True, so ist die Komponente deaktiviert.
    • Ist die Variable "False", so ist die Komponente aktiviert.
  6. Um die Variable zu speichern, klicken Sie auf Apply.
  7. Weisen Sie die Variable dem Deaktiviert Eigentum. Unten Deaktiviert auf Variable auswählen .
  8. Wählen Sie die Variable Wahr/Falsch.

Um Ihre Arbeit zu testen, klicken Sie auf Vorschau.

Die Eigenschaft Change Action ermöglicht es Ihnen, eine Aktion festzulegen, die ausgeführt wird, wenn der Zustand oder der Wert dieser Komponente geändert wird

Sie können eine Scripter-Aktion, eine Outbound-Aktion oder eine benutzerdefinierte Aktion auswählen. Ausgehende Aktionen sind nur verfügbar, wenn die Eigenschaft Ausgehend aktiviert ist.