holch wrote:

Hahahaha, Joffm Du bist - halt - Sie sind halt noch von der alten Schule.
 

Die Kinder vom niederländischen Fussballtrainer Louis van Gall Siezen Ihren Vater auch
www.sueddeutsche.de/sport/van-gaal-im-in...mich-siezen-1.156507
Auf Twitter werden dagegen Leute, die Siezen als verhaltensauffällig eingestuft
Kontext ist alles.

 

Guten Abend Joffm,

ich habe erstmals einen Slider erstellt, und bin ich auch ganz fröhlich, dass ich dank den im Forum gefundenen Tipps schon sehr weit bin (bzgl. Beschriftung, Ausblenden der Nummerierung etc.)
Was mir noch fehlt ist der Feinschliff. Ich würde den gesamten Slider gerne weiter links platzieren, im Moment liegt er eher rechts was dazu führt, dass die lange Beschriftung auf der rechten Seite etwas gequestscht wirkt.

Habe über das Webdevelopment-Tool geschaut, wie sich die einzelnen Teile des Sliders zusammensetzen.

Ich denke man kann links die leere Fläche zwischen Rand des Fragekastens und dem Slider verkleinern:
class="control-label col-xs-12 col-sm-4"

und innerhalb des Sliders die Breite für die Textanzeigen links und rechts des Sliders vergrößern:
<div class="col-xs-12 col-sm-2 slider right text left hidden-xs"

beides über die width. Habe schon in deinem Tutorial zu den Slidern geschaut, ob ich dort fündig werde (ein fertiger Code), aber bin mir weiter unsicher welche Worte und in welcher Kombi ich brauche, um die Verschiebung hinzubekommen. Ich habe schon das ein oder andere probiert und wieder gelöscht.
Mein aktuellster Versuch ist, die in diesem Thread gelisteten Codes zu verwenden, aber noch ohne Erfolg.

Um einen Tipp wäre ich sehr dankbar! lss hänge ich an (Fragegruppe "Test Slider") falls Du es dir ansehen magst.

Beste Grüße
Sarina

 

Hallo, Sarina,
da muss man ein klein wenig in die Struktur des Ganzen schauen.
Die Darstellung ist basiert auf der bootstrap-Bibliothek
[url] getbootstrap.com/docs/3.4/ [/url]
Hierbei wird die eine Zeile in 12 Abschnitte unterteilt (12 hat halt viele Teiler)
Dies wird zum Beispiel auch deutlich in den Einstellungen der "bootstrap-button" -Frage.

Zunächst einmal die ganz normalen "Settings" dieses Fragentypes:
Du hast kein Fragenlabel, also setze dessen Breite auf "versteckt", dafür die Breite des Sliders (entspricht ja der Breite des Eingabefeldes, wenn Du die normale "Zahleingabe" benutzen würdest) auf 100%.

Gut, im Webdevelopment-Tool siehst Du, dass die Texte links und rechts die Klasse .col-sm-2 und der slider selbst col-sm-8 hat.
Zusammen 2+2+8=12.
Im Normalfall ist dann die Breite
col-sm-2 2/12 : 16.66%
col-sm-8 8/12:  66.66%
Und dies siehst Du auch im Webdevelopment-Tool.
Was macht man?
Man überschreibt diese Werte.
Zum Beispiel
col-sm-2: 30%
col-sm-8: 40%

Und wir haben dies


Im anderen Beispiel bezogen sich die meisten css-Anweisungen ja auf die Anzeige der Smileys.
Ich habe hier nur noch dieses Mit den Breiten kannst Du ja "spielen". Es muss nur 100% ergeben.

Jetzt aber im Ernst: Hältst Du wirklich in diesem Fall (4 Antwortoptionen) einen Slider für das Mittel der Wahl. Der gleitet nicht, der hoppelt.
Das wäre doch mit einem semantischen Differential besser..
Ich würde es verstehen, wenn der Slider von -100 bis +100 (oder ähnlich) ginge, aber so?
Aber wie immer: Up to you.

Joffm
 

Noch ein kleiner Nachtrag zur Benutzung des Webdevelopment-Tools

Nur durch das Nicht-Anzeigen des Labels, welches ja nicht existiert in Deiner Fragestellung, (Label wrapper width: versteckt), erreicht man dies: 


Und jetzt käme noch Feintuning, falls erforderlich oder gewünscht)
Also die Sache untersucht 
 

und ein bisschen "gespielt" (übrigens in Chrome, In Firefox ist dies horizontal angeordnet)
 
Breite des Textes geändert, eine Hintergrundfarbe hinzugefügt.
Man sieht eben sofort das Ergebnis.

Joffm

P.S.
Zur vorigen Frage:
Man könnte natürlich die Fragen einfach vertauschen.
1. Frage: 
Matrix: Benutzung der einzelnen Features.
2. Frage: (Filter: Alle Features werden "nie" benutzt)
Würden Sie die App überhaupt nutzen wollen?
Vielleicht hat sie ja noch eine eingebaute Taschenlampe. 

Gut, kleiner Spaß.
Im Ernst:
Wie wäre es denn, dieses letzte (Gesamt)-Item nur dann anzuzeigen, wenn wenigstens eins der Teil-Items nicht mit "Nie" beantwortet wurde?
 


Einfach mit "Teilfragen-Relevanz".
Wenn Du die Teilfragen etwas umbenennst, die "Unteritems" "T1", "t2",... nennst und das des Gesamtnutzens mit "G1" ist sie soo kurz
countifop("==","3",self.sq_T.NAOK)<count(self.NAOK)