So verbergen Sie ein Auf-Ab-Steuerelement in einem numerischen Feld im Jitterbit App Builder

Numerische Felder zeigen standardmäßig einen Auf-/Ab-Inkrementierer an, wenn sich das Feld im Bearbeitungszustand befindet. Ein Benutzer kann auf die Auf- oder Ab-Schaltflächen klicken, um den entsprechenden numerischen Wert zu erhöhen oder zu verringern. Es kann vorkommen, dass Sie diesen Auf-/Ab-Inkrementierer ausblenden möchten. Dieser Artikel erklärt Ihnen Schritt für Schritt, wie Sie ihn ausblenden können.

Beispiel für die sichtbare Auf-Ab-Steuerung

Beispiel mit ausgeblendeter Auf-Ab-Steuerung

Erstellen Sie eine benutzerdefinierte Designoberfläche (Chrome, Safari, Edge, Opera).

1. Navigieren Sie zu IDE > Zusätzliche Einstellungen.
2. Klicken Sie auf die Schaltfläche Theme-Schnittstellen.
3. Klicken Sie auf + Schnittstelle.

4. Geben Sie die folgenden Daten ein:

   • Immobilien = Steuerelemente
   • Gruppe = Felder
   • Sammlung = Kunde
   • Name = Auf-Ab-Steuerelement
   • Selektor = input::-webkit-outer-spin-button, input::-webkit-inner-spin-button

5. Klicken Sie zum Speichern auf das Häkchen.

Erstellen Sie eine benutzerdefinierte Designoberfläche (Firefox)

1. Navigieren Sie zu IDE > Zusätzliche Einstellungen
2. Klicken Sie auf die Schaltfläche Theme-Schnittstellen
3. Klicken Sie auf + Schnittstelle

4. Geben Sie die folgenden Informationen ein:

   • Immobilien = Kontrollen
   • Gruppe = Felder
   • Collectione = Kunde
   • Name = Auf-Ab-Steuerung (Firefox)
   • Selektor = input[type=number]

5. Klicken Sie zum Speichern auf das Häkchen.

Option 1: Wenden Sie das benutzerdefinierte Design auf der gesamten Site an

Folgen Sie diesen Schritten, wenn Sie diese Anpassung auf eine gesamte App anwenden möchten.

1. Navigieren Sie zu IDE > Erscheinungsbild.
2. Wählen Sie die Ihrer App zugewiesene Sammlung aus.
3. Wechseln Sie zum Basisdesign.
4. Wählen Sie Steuerelemente unter Komponenten aus.
5. Wählen Sie Felder unter Unterkomponenten aus.
6. Klicken Sie auf die Schaltfläche + Stil.

7. Geben Sie die folgenden Daten ein:

   1. Bereich = Auf-Ab-Steuerelement
   2. Stiltyp = Anzeige
   3. 1-Anzeige = ; -webkit-appearance: none; margin: 0
   4. 2-Deckkraft = 0

8. Klicken Sie auf Speichern

9. Klicken Sie auf die Schaltfläche + Stil

10. Geben Sie die folgenden Eingaben ein:

    1. Bereich = Auf-Ab-Steuerung (Firefox)
    2. Stiltyp = Anzeige
    3. 1-Anzeige = ;-moz-appearance: textfield

11. Klicken Sie auf Speichern

Option 2: Anwenden des benutzerdefinierten Designs auf ein bestimmtes Steuerelement

Folgen Sie diesen Schritten, wenn Sie diese Anpassung detailliert, beispielsweise auf ein bestimmtes Steuerelement, anwenden möchten.

1. Navigieren Sie zu IDE > Erscheinungsbild
2. Wählen Sie die Kundensammlung aus.
3. Klicken Sie auf die Schaltfläche + Design.
4. Weisen Sie einen Designnamen zu. Beispiel: Up-Down-Steuerelement ausblenden.
5. Legen Sie den Typ auf Feld fest.
6. Klicken Sie auf Speichern.
7. Wählen Sie Steuerelemente unter Komponenten aus.
8. Wählen Sie Felder unter Unterkomponenten aus.
9. Klicken Sie auf die Schaltfläche + Stil.

10. Geben Sie die folgenden Daten ein:

    1. Bereich = Up-Down-Steuerelement
    2. Stiltyp = Anzeige
    3. 1-Anzeige = ; -webkit-appearance: none; margin: 0
    4. 2-Deckkraft = 0

11. Klicken Sie auf Speichern

12. Klicken Sie auf die Schaltfläche + Stil

13. Geben Sie die folgenden Informationen ein:

    1. Bereich = Auf-Ab-Steuerung (Firefox)
    2. Stiltyp = Anzeige
    3. 1-Anzeige = ;-moz-appearance: textfield

14. Klicken Sie auf Speichern

Anwenden eines Designs auf ein Steuerelement

1. Navigieren Sie zu der Seite mit dem zu ändernden Steuerelement.
2. Gehen Sie zu Aktionsleiste > Live Designer.
3. Wählen Sie das Steuerelement in der Seitendesign-Ansicht aus.
4. Gehen Sie zu Mehr > Stile.
5. Klicken Sie auf + Bedingte Formatierung.
6. Wählen Sie Unbedingt.
7. Klicken Sie auf die Schaltfläche Stil auswählen.
8. Suchen Sie das benutzerdefinierte Design. Beispiel: Auf-Ab-Steuerelement ausblenden.
9. Klicken Sie auf die Schaltfläche + Auswählen.
10. Navigieren Sie zurück zur App-Ansicht, aktualisieren Sie den Browser und testen Sie die Aktualisierung.