Avatarkomponente für Arbeitsplaner konfigurieren

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 1 Minute Lesedauer

    • Verwenden Sie die Komponente Container, um einen Avatar und den Benutzernamen des Verantwortlichen für das Arbeitselement hinzuzufügen.

    Vorbereitungen

    Erforderliche Rolle: admin, workspace_admin oder ui_builder_admin

    Prozedur

    1. Navigieren Sie im Abschnitt Inhalt zu Textkörper (Flex) > Kartenbasiscontainer (Flex) > Header für Kartenbasis.
    2. Klicken Sie mit der rechten Maustaste auf Header für Kartenbasis, und wählen Sie Komponente hinzufügen nach aus.
    3. Wählen Sie im Popup-Bildschirm die Komponente Gestapelter Bezeichnungswert aus.
    4. Klicken Sie im linken Bereich mit der rechten Maustaste auf Gestapelter Bezeichnungswert, und wählen Sie Komponente hinzufügen nach aus.
    5. Konfigurieren Sie die Komponente.
      1. Wählen Sie im Popup-Bildschirm Komponenten die Option Container aus.
      2. Gehen Sie auf der Registerkarte Konfig wie folgt vor:
        1. Klicken Sie auf das Symbol für die Bearbeitung der Komponententransparenz ( Symbol Komponententransparenz bearbeiten).
        2. Bewegen Sie den Mauszeiger über das Feld Komponente ausblenden, und wählen Sie das Symbol für die dynamische Datenbindung Symbol für dynamische Datenbindung aus.
        3. Geben Sie im Feld Komponente ausblenden den Wert !@state.cardProps.assignedTo ein
        4. Wählen Sie im Menü Richtung die Option Zeile aus.
        5. Wählen Sie auf der Registerkarte Stile im Feld Elemente ausrichten das Zentriersymbol aus.
        6. Wählen Sie Speichern.
    6. Um die Avatar-Komponente hinzuzufügen, wählen Sie Container (Flex) > +Komponente hinzufügen.
    7. Wählen Sie +Komponente hinzufügen aus.
      Der Popup-Bildschirm „Komponenten“ wird angezeigt.
      AufgabeGehen Sie folgendermaßen vor
      Avatar-Komponente hinzufügen Legen Sie auf der Registerkarte „Konfigurieren“ die Größe, den Benutzernamen und den Tooltip fest.
      1. Wählen Sie im Menü Größe die Option Mittel aus.
      2. Bewegen Sie den Mauszeiger über das Menü Benutzername, und wählen Sie das Symbol für dynamische Datenbindung Symbol für dynamische Datenbindung aus.
      3. Geben Sie im Menü Benutzername den Wert !@state.cardProps.assignedTo ein.
      4. Bewegen Sie den Mauszeiger über das Menü Tooltip-Text, und wählen Sie das Symbol für dynamische Datenbindung Symbol für dynamische Datenbindung aus.
      5. Geben Sie im Menü Tooltip-Text den Wert !@state.cardProps.assignedTo ein.
      Komponente „Bezeichnungswert im Registerkartenformat“ hinzufügen Legen Sie auf der Registerkarte „Konfigurieren“ die Größe und die Elemente fest.
      1. Wählen Sie im Menü Größe die Option Klein aus.
      2. Bewegen Sie den Mauszeiger über das Feld Elemente, und wählen Sie das Symbol für die dynamische Datenbindung Symbol für dynamische Datenbindung aus.
      3. Geben Sie im Feld „Elemente“ den Wert [{value: @state.cardProps.assignedTo} ein.
      4. Wählen Sie Speichern.

      Nachstehend ein Demovideo zum Konfigurieren einer Avatarkomponente für Arbeitsplaner