it-swarm.com.de

Wählen Sie aus zwei Formularen nur eines aus

Ich habe einen Bildschirm mit zwei verfügbaren API-Optionen (Web-Tool). Beide Formulare enthalten einen Titel und zwei Eingabefelder. Der Benutzer kann jeweils nur eine API auswählen.

Jetzt habe ich Kontrollkästchen ausprobiert, ein Dropdown-Menü, um nur eines anzuzeigen, ein Tab-Navi (und das ist seltsam). Ich habe versucht, die Eingabefelder der anderen Option beim Bearbeiten der anderen zu deaktivieren ... usw. Keine davon ist eine Lösung.

Ich zeichne Leerzeichen. Wie würdet ihr das lösen?

(enter image description here

21
Geffrey Bos

Sie könnten ein Akkordeon verwenden. Hier ist ein Beispiel für eines, das ich zuvor verwendet habe:

(enter image description here

65
Nick Groeneveld

Ich sehe 2 Optionen, die Sie hier ausprobieren können:

  1. Zwei-Schritt-Ansatz: Im ersten Schritt wählen sie die API aus, klicken auf Weiter und konfigurieren im nächsten Schritt die Einstellungen. Wenn Sie dies anfangs tun, ähnelt die Benutzeroberfläche einem Assistenten, aber sobald sie festgelegt ist und Sie Ihre Einstellungen ändern möchten, muss sich die Benutzeroberfläche ändern, da Sie die Einstellungen und nicht den Assistenten erneut anzeigen möchten.
  2. Dropdown-Ansatz: Anfangs ist nur das Dropdown-Menü sichtbar. Sobald sie die gewünschte API aus der Dropdown-Liste ausgewählt haben, werden deren Einstellungen darunter angezeigt. Das Dropdown-Menü bleibt sichtbar, und wenn sich der Wert ändert, ändert sich die Benutzeroberfläche der Einstellungen.

Persönlich würde ich den Dropdown-Ansatz wählen, da die Benutzeroberfläche für die Ersteinrichtung und zukünftige Änderungen gleich bleibt.

2
staccato