- 08 Dec 2024
- 2 Minuten zu lesen
-
Drucken
-
DunkelLicht
-
pdf
Ausgewählte Elementbedingungen als Visibility Rules
- Aktualisiert am 08 Dec 2024
- 2 Minuten zu lesen
-
Drucken
-
DunkelLicht
-
pdf
Einführung
Mit den Regeln für ausgewählte Elemente können Sie Bezeichner oder Eigenschaften für eindeutige Elemente auf Ihrer Webseite als Display Rule hinzufügen. Dadurch wird sichergestellt, dass die Tooltip auf dem richtigen Element angezeigt wird und nicht flackert.
Im Folgenden sind die Regeln für ausgewählte Elemente aufgeführt:
- Ausgewähltes Element ist (CSS Selector/jQuery Selector)
- Ausgewählter Elementtext (ist, ist eines von)
Die Regeln für ausgewählte Elemente sind nur unter Display Rules für Tooltip verfügbar.
Arten von Regeln für die Bedingung ausgewählter Elemente
Ausgewähltes Element ist (CSS Selector/jQuery Selector)
Ihre Applikation setzt für bestimmte Seitenelemente individuelle IDs ein. Diese Funktion wird bei der Auswahl Ihres Eintrags aus einer Liste von Optionen eingesetzt. Beispielsweise ein Dropdown-Menü. Verwenden Sie diese Option, um Ihren eigenen CSS-Selektor oder Bezeichner für das Element anzugeben.
Folgende sind Beispiele für jQuery-Selektoren:
- $("#firstname"): Wählt das Element mit der ID="firstname" aus
- $(".primary"): Wählt das Element mit der Klasse="primary" aus
Folgende sind Beispiele für CSS-Selektoren:
- input[title="Suche"]: Wählt das Eingabeelement mit dem Titel "Suche" aus
- [id="#analytics-left-pane"]: Wählt das Element mit der id="analytics-left-pane" aus
Ausgewählter Elementtext (ist, ist eines von)
Dies ist der Text, der auf dem ausgewählten Element angezeigt wird. Wenn Ihre Anwendung mehrere Sprachen unterstützt, können Sie die Ist eine von Option wählen und den Namen mit einem Komma(,) als Begrenzer hinzufügen.
Whatfix empfiehlt, dass Sie die Regel Ausgewähltes Element ist verwenden, gefolgt von der Regel Ausgewählter Text, während Sie Visibility Rules für jeden Inhalt oder widget hinzufügen. Das Hinzufügen von CSS Selectors stellt sicher, dass Whatfix das erforderliche Element problemlos finden kann und die Möglichkeit der Anzeige von Inhalten/Widgets auf dem falschen Element reduziert wird.
Bei dem Wert wird zwischen Groß- und Kleinschreibung unterschieden.
Anwendungsfälle
Stellen Sie sich vor, Sie möchten in Ihrer Anwendung Tooltips zu Optionen in einem Dropdown-Menü anzeigen. Diese Optionen haben einen eindeutigen Bezeichner, id (CSS Selector), mit dem Sie das Element identifizieren können. Sie können die Regel Ausgewähltes Element ist und die id als CSS-Selektor verwenden, um sicherzustellen, dass die Tooltip korrekt angezeigt wird.
-
Wählen Sie im Whatfix Studio die Regel als Ausgewähltes Element ist und CSS Selector.
-
Geben Sie den Selektor Wert ein.
-
Beenden Sie die Erstellung des Whatfix Inhalt.
Stellen Sie sich vor, Sie möchten Tooltips auf Button in Ihrer Anwendung anzeigen. Den Button haben jedoch außer den Button Namen keine eindeutigen Bezeichnungen. Sie können den Text des ausgewählten Elements verwenden, um sicherzustellen, dass die Tooltip korrekt angezeigt wird.
-
Wählen Sie im Whatfix Studio die Regel als Ausgewählter Elementtext und Ist.
-
Geben Sie den Button Namen ein.
-
Beenden Sie die Erstellung des Whatfix Inhalt.