Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fragen nicht ein/ausblenden (fadeIn/Out), sondern wegschieben (slide) #52

Open
msteudtn opened this issue Oct 2, 2021 · 0 comments
Open

Comments

@msteudtn
Copy link
Owner

msteudtn commented Oct 2, 2021

Ist-Stand

  • Die Fragen werden nach der Antwort (Klick auf den Button) kurz ausgeblendet und dann folgt eine neue Frage / These
  • Der originale Wahl-o-Mat und einige andere Systeme "schieben" die beantwortete Frage zur Seite.

Ziel

  • Die Fragen sollen sich auch wegschieben (Slide-Funktion)

Lösungsansatz

  • Der Mat-o-Wahl nutzt bereits das Bootstrap-Framework für ein anpassbares Design (Smartphone + Desktop)
  • Darin enthalten gibt es die Carousel-Funktion https://getbootstrap.com/docs/4.0/components/carousel/
  • Die Fragen könnten in solch einem "Carousel" angezeigt werden
  • Am Anfang müssten alle Fragen ins HTML-DOM geladen werden, so dass sie weitergeschoben werden können
  • Bei dieser Gelegenheit können auch die Buttons (Zustimmung / Ablehnung) "mitgeschoben" werden.
  • Auch die Buttons müssten am Anfang ins DOM geladen werden

Darstellung

Frage 1 > Frage 2 > Frage 3 > Frage 4
Stimme zu - Lehne ab Stimme zu - Lehne ab Stimme zu - Lehne ab Stimme zu - Lehne ab
Überspringen Überspringen Überspringen Überspringen

Verknüpfungen

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant