Container mit einer Schaltfläche ausblenden

Sie können einen Container mit einer Pfeilschaltfläche ausblenden, um den Inhalt zu reduzieren oder zu erweitern. Führen Sie die Schritte auf dieser Seite aus, um zu erfahren, wie das geht.

For this example, we will use the Form C template page from UiPath^® Apps.

1. Create a new app in UiPath^® Apps.

2. Wenn Sie aufgefordert werden, eine Vorlage für eine neue Seite auszuwählen, wählen Sie Formular C aus.

3. Fügen Sie im Abschnitt Header1 zwei Symbole neben der Schaltfläche hinzu:

   • Ein Tastatur_Pfeil nach oben-Symbol. Benennen Sie es um, um es zu reduzieren.

   • One keyboard_arrow_down icon. Rename it to expand.

     

4. Create an app variable named content_visibility.

5. Configure the collapse icon.

   1. Im Bereich Anzeige > Ausgeblendete Eigenschaft des Steuerelements, fügen Sie Folgendes hinzu: = Not(content_visibility).

   2. Fügen Sie eine Regel Werte festlegen für das Ereignis Angeklickt hinzu.

   3. Fügen Sie die in Schritt 4 erstellte App-Variable in der Eigenschaft Festzulegende Elemente der Regel und =false in der Eigenschaft Wert hinzu.

      

6. Konfigurieren Sie das Erweiterungssymbol .

   1. Im Bereich Anzeige > Ausgeblendete Eigenschaft des Steuerelements, fügen Sie die App-Variable =content_visibility hinzu.

   2. Fügen Sie eine Regel Werte festlegen für das Ereignis Angeklickt hinzu.

   3. Fügen Sie die in Schritt 4 erstellte App-Variable in der Eigenschaft Festzulegende Elemente der Regel und =true in der Eigenschaft Wert hinzu.

      

7. Fügen Sie auf der Seite FormularC eine Regel Werte festlegen hinzu.

   1. Fügen Sie die in Schritt 4 erstellte App-Variable in der Eigenschaft Festzulegende Elemente der Regel und =true in der Eigenschaft Wert hinzu.

      

Wenn Sie eine Vorschau der App anzeigen, befindet sich im Header des ersten Containers eine Pfeilschaltfläche. Sie können auf diese Schaltfläche klicken, um den Inhalt zu reduzieren. Sie können erneut darauf klicken, um den Inhalt zu erweitern.