[survey_ce] Umfragewerkzeug

[flexx]

Danke, das werde ich dann einmal machen...

[kretschi]

Hallo Helmut,

die Erweiterung ist mal wirklich nicht schlecht und ich bin gerade dabei unsere bisherige Lime Survey Lösung mit dieser Erweiterung abzulösen. Nachdem ich nun meine 19 Fragen zusammengestellt habe und ein mal das ganze durchgeklickt habe, folgte ein Excel Export.

Leider muss ich feststellen, dass so wie dies momentan dargestellt wird doch ganz anders ist als die Lime Survey Ausgabe. Man muss sich erstmal umgewöhnen. Vor allem, dass der Datensatz nicht pro Zeile geschrieben wird sondern nur Summiert auftaucht.

Mein Problem dabei ist, dass ich mit vielen Matrixfragen arbeiten muss die eine Schulbenotung haben (1-6) und die in der Auswertung wichtig sind. Beispiel:

1. Frage: welche Abteilung möchten Sie bewerten:
a. IT
b. Verkauf
c. Sonstiges
d. Bla Bla

2. Frage: (matrix 1-6) Sind Sie zufrieden mit dem
- support o o o o o o
- Erreichbarkeit o o o o o o

3. Frage: (matrix 1-6) Abholung der Ware
- Termin o o o o o o
- Avis o o o o o o

Wenn ich also in der ersten Frage entscheide welchen Firmenbereich ich benoten möchte - und anschließend die Matrix Fragen beantworte, kann derjenige, welcher die Auswertung durchführen muss gar nicht feststellen welche Antwort wo hinzugehört. Derjenige sieht eigentlich nur die kumulierte Statistik wie oft was ausgewählt wurde. So sind auch Filter im Excel unmöglich.

Besser wäre eine Exportmöglichkeit mit folgendem Aufbau:

Fragentitel: Abteilung | Zufriedenheit | Abholung
Teilnehmer1:      1     |   2    |   2
Teilnehmer2:      2     |   2    |   1
usw.

Eine Antwortzeile pro Teilnehmer - in den Spalten seine Antworten.

Somit wären in dem Export nur die benötigten Daten - Titel (den vollen Text der Frage kann man sich woanders hinschreiben) und die Antwort - entweder als Zahl oder Text je nach Art.

So werden die Umfragen in Lime Survey ausgegeben und ich denke, so können die meisten damit etwas anfangen.

Falls Du Informationen brauchst - melde Dich bitte - der Export wie oben beschrieben wird m.E. nach eher gebraucht als der kumulierte.

PS. Ich habe den Thread durchgeschaut und festgestellt, dass hier ein Problem mit der Anzahl der Spalten im Excel war. Ein Export als CSV ist die Lösung. Wer solche Umfragen zusammenstellt (mit so vielen Spalten) hat auch die Werkzeuge dazu dies einzulesen. Notfalls findet sich irgendwo Access in der Ecke.




EDIT - ----- - - -

habe gerade den Detail-Export-Aufsatz von deerwood getestet. Das funktioniert bestens.
Daher hat sich eigentlich meine Anfrage erledigt. Und wieder gilt es: wer lesen kann ist klar im Vorteil. Immer alle Seiten des Threads durchlesen, dann klappts auch mit dem Export

[deerwood]

Hi kretschi,

hast Du meinen Export in Beitrag #94 gesehen. Der macht doch genau das, was Du haben möchtest, oder?

Edit: Du warst schneller .

LG, Georg

[kretschi]

Hallo Georg,

Hi kretschi,

hast Du meinen Export in Beitrag #94 gesehen. Der macht doch genau das, was Du haben möchtest, oder?

Edit: Du warst schneller .

LG, Georg

ich habe nun alles von a-z gelesen
Dein Export funktioniert perfekt! Und glaube mir, es gibt viele Umfragen mit Matrix-Tabellen. Vor allem in den "Zufriedenheitsstudien"

Danke nochmals für deine Lösung - die sollte Helmut bei Gelegenheit mit einbauen.

[deerwood]

Moin kretschi,

Dein Export funktioniert perfekt! Und glaube mir, es gibt viele Umfragen mit Matrix-Tabellen. Vor allem in den "Zufriedenheitsstudien"

Danke für die Blumen. Dennoch: wie macht sich der Export im Vergleich zur "Lime Survey" Lösung (ich konnte auf deren Seiten kein Beispiel finden)? Hast Du noch Wünsche/Vorschlage (Farben, Ränder links/rechts/zwischen Matrix-Fragen usw.)? In meiner Umfrage hatte ich nebenbei auch überwiegend Matrix-Fragen.

Danke nochmals für deine Lösung - die sollte Helmut bei Gelegenheit mit einbauen.

Das ist auf unser beider Zettel ... sobald wir beide Zeit haben .

LG, Georg

[kretschi]

Hallo Georg,

Moin kretschi,
Danke für die Blumen. Dennoch: wie macht sich der Export im Vergleich zur "Lime Survey" Lösung (ich konnte auf deren Seiten kein Beispiel finden)? Hast Du noch Wünsche/Vorschlage (Farben, Ränder links/rechts/zwischen Matrix-Fragen usw.)? In meiner Umfrage hatte ich nebenbei auch überwiegend Matrix-Fragen.
Das ist auf unser beider Zettel ... sobald wir beide Zeit haben .

ich schicke dir eine PM mit dem Link zur meiner Lime Survey Umfrage und eine Excel-Datei mit 1-2 Zeilen, dann kannst Du mal schauen.

Das Export Modul von Lime Survey ist schon mächtig, aber benutzen mag ich nur den Excel Export, da allgemein verwendbar. R, SPSS usw. sind zwar möglich aber für mich überdimensioniert.

Was die Darstellung der der Tabelle angeht - Deine Lösung ist schon sehr schön, mit den Farben kann die Person spielen die es hinterher auswertet, denn wenn ich "grün" bevorzugen würde mag ein anderer evtl. "blau" haben usw.

Was mir ebeso positiv aufgefallen ist - die fertige Formatierung der Tabelle - da ist Lime Survey doch ein Stück hinterher.

[RandaleRalf]

Hallo werte Community,

ich habe große Probleme beim Anlegen von Umfragen.
Ich verwende TYPOlight in der aktuellen Version 2.8.1 in Verbindung mit survey_ce in der Version 1.0.2. Leider ist es mir in dieser Konstellation absolut nicht möglich, zu einer Umfrage, z.B. im gewünschten Multiple Choice - Format, Antworten hinzuzufügen.

Den Bereich "Antworten", so wie er auch in der Dokumentation zusehen ist, existiert nicht. Er wird nicht angezeigt. Das einzige was ich unter dem Punkt "Fragenspezifische Einstellungen" aktivieren / ändern kann, ist "andere Antwort erlauben" sowie "Darstellung der Antworten".

Ich habe versucht, die Umfrage mit unterschiedlichen Browsern (IE, Firefox, Opera) anzulegen, nur für den Fall, dass es ein Darstellungsproblem ist. Bisher jedoch ohne Erfolg.

Ich habe das "Web Developer" PlugIn ver. 1.1.8 für den Firefox installiert. Dieser zeigt mir verschiedene Fehler / Warnungen in den CSS-Dateien von Typolight und tinyMCE. Vorwiegend handelt es sich hierbei um derartige Warnungen:

• Unbekannte Eigenschaft 'border-radius' (/typolight/system/themes/default/be27.css)
• Unbekannte Eigenschaft '-moz-opacity' (/typolight/system/themes/default/main.css)
• Fehler beim Verarbeiten des Wertes für 'filter' (/typolight/plugins/tinyMCE/plugins/inlinepopups/skins/clearlooks2/window.css)

Da dies zur Zeit mein einziger Anhaltspunkt ist, habe ich versucht den Fehler innerhalb dieser CSS-Dateien auf die Spur zu kommen, jedoch ohne Erfolg.

Sowohl TYPOlight als auch survey_ce und tinyMCE sind alle "out of the box" und wurden von mir nicht im Sinne von "Customizing" verändert.

Hat jemand eine Idee? Hab ich manchmal die "Installation" von survey_ce verbockt --> Rechte-Problem / DB-Tabellen?

Für eure Hilfe wäre ich überaus dankbar.
Beste Grüße, Ralf

[deerwood]

Hallo Ralf,

bist Du sicher, dass die Erweiterung [textwizard] bei Dir installiert und auch aktiviert ist? Der Textwizard ist nämlich dazu da, die Antwortliste darzustellen und deshalb ist [survey_ce] auch davon abhängig. Ansonsten schalte bitte Fehlermeldungen im Backend an und schaue, ob das weiterhilft.

LG, Georg

[RandaleRalf]

Georg, mein persönlicher Held !!!!

Volltreffer ...

bist Du sicher, dass die Erweiterung [textwizard] bei Dir installiert und auch aktiviert ist?

Ich sitzte jetzt 3 Tage an diesem Fehler. Hab alles rauf und runter gesucht. Dabei habe ich das Offensichtliche nicht gesehen

Ich danke Dir vielmals. Läuft jetzt natürlich alles supi.
Vielen Dank nochmal

Beste Grüße,
Ralf

[Chris87]

Kann man den Text verändern, welcher über der Taneingabe erscheint? Es handelt sich da um txtTANInputDesc.

[deerwood]

Hi Chris87,

zur Anpassung von Texten in TYPOlight gibt es die Datei system/config/langconfig.php, dort gibt es auch einen Kommentar, der die Benutzung erläutert. Eine Suche nach "txtTANInputDesc" zeigt, dass das eine Template-Variable ist, die aus "$GLOBALS['TL_LANG']['tl_content']['enter_tan_to_start_desc']" gesetzt wird. In Deinem Fall müsstest Du also in langconfig.php folgendes einfügen:

if ($GLOBALS['TL_LANGUAGE'] == 'de')
{
    // Deine Version des Textes in Deutsch
    $GLOBALS['TL_LANG']['tl_content']['enter_tan_to_start_desc'] =
        "Diese Umfrage kann nur mit einem TAN-Code gestartet werden, den Sie im Vorfeld erhalten haben.";
}
elseif ($GLOBALS['TL_LANGUAGE'] == 'fr')
{
    // Deine Version des Textes in Französich
    $GLOBALS['TL_LANG']['tl_content']['enter_tan_to_start_desc'] =
        "Le questionnaire est accessible seulement avec un code TAN que vous avez déjà du recevoir.";
}
else {
    // Deine Version des Textes in Englisch
    $GLOBALS['TL_LANG']['tl_content']['enter_tan_to_start_desc'] =
        'The survey is only accessible with a TAN code which you might have received earlier.';
} 

LG, Georg

[Anke]

Was für ein produktiver Thread! Und eine super Erweiterung!! Fange gerade an, sie richtig auszuprobieren ...

Eine Möglichkeit, als Admin bei laufenden Umfragen noch etwas ändern zu können, wäre wirklich angenehm.

Dann habe ich gerade festgestellt, dass die Erweiterung zz_bebreadcrumb und survey_ce sich nicht vertragen. Bei installiertem Backend-Breadcrumb kommt es beim Anlegen einer Matrix zu folgender Fehlermeldung:

Warning: Division by zero in /.../system/modules/survey_ce/FormMatrixQuestion.php  on line 125

#0 /.../system/modules/survey_ce/FormMatrixQuestion.php(125): __error(2, 'Division by zer...', '/kunden/283011_...', 125, Array)
#1 /.../system/modules/survey_ce/SurveyQuestionPreview.php(43): FormMatrixQuestion->generate()
#2 /.../system/modules/zz_bebreadcrumb/BackendBreadcrumb.php(181): SurveyQuestionPreview->compilePreview(Array)
#3 /.../system/modules/zz_bebreadcrumb/languages/en/modules.php(41): BackendBreadcrumb->generate()
#4 /.../system/libraries/System.php(318): include('/kunden/283011_...')
#5 /.../typolight/main.php(72): System->loadLanguageFile('modules')
#6 /.../typolight/main.php(294): Main->__construct()
#7 {main}

Viele Grüße,
Anke

[deerwood]

Moin Anke,

Eine Möglichkeit, als Admin bei laufenden Umfragen noch etwas ändern zu können, wäre wirklich angenehm.

Ja ... aber wirklich nur in der Testphase (durch Admins/Redakteure). Ansonsten folge ich Helmuts Ansatz "alle Teilnehmer haben gleiche Bedingungen" (incl. falscher Formulierungen/Tippfehler).

Dann habe ich gerade festgestellt, dass die Erweiterung zz_bebreadcrumb und survey_ce sich nicht vertragen. Bei installiertem Backend-Breadcrumb kommt es beim Anlegen einer Matrix zu folgender Fehlermeldung:

Warning: Division by zero in /.../system/modules/survey_ce/FormMatrixQuestion.php  on line 125 ...

Tatsächlich! Ich kann das in meiner Testinstallatione (2.8.2) nachvollziehen: NUR wenn [zz_bebreadcrumb] aktiviert ist, tritt der Fehler in [survey_ce] auf. Noch habe ich leider keine Lösung (aber einen ersten Verdacht: in Zeile 123 steht am Ende eine Auswahl zwischen 2 und 0, die evtl. besser 2 oder 1 wäre). Ich bin aber nicht sicher, die richtige Stelle gefunden zu haben ... vor allem irritiert mich der Zusammenhang mit [zz_bebreadcrumb]!

Ich werde mal weiter forschen.

LG, Georg

[Anke]

Guten Morgen Georg,

herzlichen Dank für deine Bemühungen!

Ja ... aber wirklich nur in der Testphase (durch Admins/Redakteure). Ansonsten folge ich Helmuts Ansatz "alle Teilnehmer haben gleiche Bedingungen" (incl. falscher Formulierungen/Tippfehler).

Wenn unsere Politiker mal die Wähler so ernst nehmen würden wie ihr die Umfrageteilnehmer! Ich gehe davon aus, dass niemand seine eigene Umfrage, die ja in erster Linie nicht den Teilnehmern, sondern mir etwas bringen soll, torpedieren will, indem er nachträglich Felder ändert und damit bereits gesammelte Daten zunichte macht.

Es wäre aber schon äußerst praktisch, wenn man nachträglich, also auch bei bereits laufender Umfrage, noch Dinge umformulieren kann, wenn man z.B. beobachtet, dass TN Schwierigkeiten haben, eine gestellte Frage richtig zu verstehen und sie deshalb womöglich gern überspringen, oder wenn man die Fragereihenfolge doch umstellen sollte - von Tippfehlern mal abgesehen. Wenn das nur der Admin könnte, wäre das m.E. ausreichend. Extraordinaire wäre natürlich eine eingebaute Sperre, die eine Manipulation an Feldern unmöglich macht und nur Text- und Platzierungsänderungen zuließe, aber das klingt sehr aufwändig ;-)

VG
Anke

[deerwood]

Hallo Anke, Helmut,

ich habe einen Fix für das "Division by Zero" Problem, die bisherige Zeile 123 in FormMatrixQuestion.php muss leicht geändert werden:

-    $nr_columns = count($this->arrColumns) + (($this->blnNeutralColumn) ? 1 : 0) + (($this->blnBipolar && strcmp($this->strBipolarPosition, 'aside') == 0) ? 2 : 0);
+    $nr_columns = max(1, count($this->arrColumns)) + (($this->blnNeutralColumn) ? 1 : 0) + (($this->blnBipolar && strcmp($this->strBipolarPosition, 'aside') == 0) ? 2 : 0); 

Dort habe ich das count($this->arrColumns) in ein max(1, ...) gekapselt, so dass $nr_columns immer mindestens 1 ist (statt 0). Anke, in der Anlage findest Du eine gepatchte Version der Datei. Helmut wird das vermutlich übernehmen (oder eine bessere Lösung finden), aber er hat, soweit ich weiss, im Moment viel zu tun.

Hintergründe: der Fehler tritt nur in der Phase auf, in der man auf den Fragentyp "Matrixfrage" umschaltet, der Datensatz aber noch nicht gespeichert ist. Dann ist $this->arrColumns noch ein leeres Array. [survey_ce] selbst ruft SurveyQuestionPreview->compilePreview() erst auf, wenn der Datensatz gespeichert wurde, deshalb tritt der Fehler dort nicht auf. [zz_bebreadcrumb] jedoch ruft die Vorschau-Funktion "mittendrin" auf, damit konnte Helmut nicht rechnen.

Zur Änderung der laufenden Umfrage: ich fände es, wie gesagt, auch praktisch (und ob ich es dann nur während der Entwicklung nutze oder auch später, bleibt ja mir überlassen). Aber es gibt auch technische Gründe, warum es im Moment nicht geht. Helmut hat das in einer früheren Nachricht hier schon mal angedeutet.

LG, Georg

[Anke]

Hallo Deerwood,

ich sag mal "Aha" zu deinen überzeugenden Ausführungen ;-). Ich wünschte, ich verstünde was davon. Herzlichen Dank für den Patch, den werde ich gleich installieren.

Zur Änderung der laufenden Umfrage (...) Helmut hat das in einer früheren Nachricht hier schon mal angedeutet.

Das hat er. Ich versuche ja nur, die Begründung für diese Entscheidung zu verstehen und gleichzeitig kundzutun, dass ich es sehr angenehm fände, diese Bearbeitungsmöglichkeit zu haben. Wenn ihr das für falsch haltet, werde ich mich damit auch arrangieren, denn eure gemeisame Erweiterung, so muss man ja schon sagen, ist wirklich ein leistungsstarkes Werkzeug!

VG
Anke

[Anke]

Klasse, das klappt jetzt wunderbar mit dem Patch, wenn man auch die BE-Breadcrumbs installiert hat!

Einen bescheidenen Wunsch hätte ich noch:

Dass beim Matrix-Widget die CSS-Klasse "columnheader" in sowas wie "columnheader_%s" umgewandelt wird, damit die Spaltenüberschriften getrennt voneinander formatiert werden können. Konkreter Fall: Statt "sehr gut", "gut", "Befriedigend" und "verbesserungswürdig" sollen eigene Smileys verwendet werden.

Ist das mit wenig Aufwand möglich? Ich hab's selbst versucht, in der FormMatrixQuestion.php zu ändern, aber da fehlt dann wohl noch was, damit es umgesetzt wird.

Viele Grüße,
Anke

[deerwood]

Hallo Anke,

Deine Idee finde ich im Prinzip gut. Mit dem folgenden Patch für Zeile 153/154 in FormMatrixQuestion wird eine zusätzliche Klasse zu 'columnheader' ausgegeben, abgeleitet aus der Spalten-Beschriftung:

--- F:/projekte/georg-rehfeld.de/httpdocs.2.8.2/system/modules/survey_ce/FormMatrixQuestion.php.PATCHED    Fr  7. Mai 20:03:58 2010
+++ F:/projekte/georg-rehfeld.de/httpdocs.2.8.2/system/modules/survey_ce/FormMatrixQuestion.php.PATCHED_WITH_HEADER_CLASS    Fr  7. Mai 19:59:27 2010
@@ -150,7 +150,8 @@
         }
         foreach ($this->arrColumns as $column)
         {
-            $widget .= '<td class="columnheader" style="width: ' . $colwidth . '">' . specialchars($column) . '</td>';
+            $class = substr(standardize($column), 0, 30);
+            $widget .= '<td class="columnheader ' . $class . '" style="width: ' . $colwidth . '">' . specialchars($column) . '</td>';
             $columncounter++;
         }
         if ($this->blnBipolar && strcmp($this->strBipolarPosition, 'aside') == 0) 

Wie man aus dem Code ersehen kann, wird die Spalten-Beschriftung nicht 1:1 übernommen, sondern standardisiert und auf maximal 30 Zeichen gekürzt. Standardisiert bedeutet: alle Sonderzeichen werden entfernt, Leerzeichen werden zu Bindestrich und es werden nur Kleinbuchstaben ausgegeben. Numerische Spalten (1, 2, 3 usw.) bekommen ein 'id-' vorangestellt. Einige Beispiele:

• "1" => 'id-1'
• "Überragend" => 'ueberragend'
• "Mittelmäßig" => 'mittelmaessig'
• "Ganz Ätzend" => 'ganz-aetzend'
• "Sonderzeichen: ^"§$%&/()=?´`+~#€|{}[]ß°µ Ende" => 'sonderzeichen-ssu-ende'

Per CSS ansprechen kann man das dann mit den Selektoren td.columnheader.ueberragend, td.columnheader.mittelmaessig usw. Im Anhang die bereits gepatchte Datei.

Edit: Anke, kannst Du bitte testen, ob Dir das so schon nützt? Mit fällt gerade ein, dass Du eventuell noch ein <span> Tag um die Beschriftung herum brauchst, damit Du den Text leicht wegblenden/schieben kannst?

LG, Georg

[Anke]

Hallo Deerwood,

du bist ein Schatz!!

Zu deiner Frage wegen des Span-Tags: Ich habe die Schriftgröße auf 0 gesetzt und die Smileys als Hintergrundbilder definiert. Das tut fürs erste, auch wenn einem dabei die Haare zu Berge stehen. Elegant wäre langfristig natürlich die Möglichkeit, im BE auswählen zu können, ob man für die Spaltenköpfe Text oder Grafiken verwenden möchte. Auch vermisse ich ganz allgemein mehr Möglichkeiten, sozusagen nach TL-Standard per CSS Einfluss aufs Aussehen nehmen zu können.

Auf der Website gibt's ziemlich viele Formulare, die alle schön übersichtlich mit Fieldsets unterteilt sind, und natürlich wäre es optimal, wenn die Umfragen ganz genauso gestylt werden könnten. Aber mir ist schon klar, dass man nicht alles haben kann. Ihr leistet wirklich großartige Arbeit!

Anke

PS:
Im Matrix-Widget fehlen mir tr- und td-Klassen.
Die automatische Berechnung der Spaltenbreiten aufgrund der Spaltenanzahl ist gut gemeint, aber ich würde die Breiten gern überschreiben können, da die Spalten mit Smileys, Plus/Minus oder anderen Bewertungssymbolen schlank gehalten werden könnten und so mehr Platz für die Fragen vorhanden wäre.
Bei den left, middle und right divs im Kopf und Fußbereich habe ich mir das bewährte <div class="clear"></div> ins Template eingefügt.

[deerwood]

Moin Anke,

ich arbeite gerade an einigen Deiner Wünsche, das wird aber ein wenig umfangreicher, als die bisherigen kleinen Patches und wird ein wenig dauern. Ich beschränke mich im Moment bei den Änderungen auch auf die Matrix-Fragen (das "Flaggschiff" von survey_ce).

Zu deiner Frage wegen des Span-Tags: Ich habe die Schriftgröße auf 0 gesetzt und die Smileys als Hintergrundbilder definiert. Das tut fürs erste, auch wenn einem dabei die Haare zu Berge stehen.

Einen <span> Tag um den <td> Inhalt kannst Du Dir sicher leicht erstmal selbst in die Datei patchen (nahe des Endes von Zeile 154)?!

. '"><span>' . specialchars($column) . '</span></td>'; 

Dann kannst Du den SPAN mit dem Text leicht aus dem Weg räumen und dem TD das BG-Image zuweisen:

td.columnheader span {
  position: relative;
  left: -3000em;
}
td.columnheader.sehr-gut {
  background: ... url( ... smiley_sehr_gut ...);
}
td.columnheader.gut {
  background: ... url( ... smiley_gut ...);
}

Elegant wäre langfristig natürlich die Möglichkeit, im BE auswählen zu können, ob man für die Spaltenköpfe Text oder Grafiken verwenden möchte.

Hmmm, das überzeugt mich nicht. Hier plädiere ich nach wie vor für den Weg via CSS! Die Spaltenköpfe als Text sind einerseits nötig für die "Accessibility" (Screen-Reader) und andererseits erforderlich für die Exporte. Z.B. als Excel-Spaltenköpfe ... selbst wenn man in einem Excel-Export Bilder darstellen könnte (was aber zur Zeit nicht unterstützt wird) würde in einem daraus erzeugten CSV-Export die Information, was ausgewählt wurde, verloren gehen. Und dann sind weitere Export-Formate denkbar, etwa für Statistik-Werkzeuge (SPSS), die mit Bildern eventuell nicht umgehen können.

Auch vermisse ich ganz allgemein mehr Möglichkeiten, sozusagen nach TL-Standard per CSS Einfluss aufs Aussehen nehmen zu können.

Hier gebe ich Dir recht, für alle 3 Ebenen (Umfrage, Umfrage-Seite, Umfrage-Seiten-Frage) wäre es schön, im BE ausdrücklich eine CSS Klasse und/oder Id angeben zu können. Dann könnte man gezielt Dinge hervorheben. Das würde allerdings eine komplette Überarbeitung von [survey_ce] erfordern ... dazu habe ich jetzt leider keine Zeit.

Auf der Website gibt's ziemlich viele Formulare, die alle schön übersichtlich mit Fieldsets unterteilt sind, und natürlich wäre es optimal, wenn die Umfragen ganz genauso gestylt werden könnten. Aber mir ist schon klar, dass man nicht alles haben kann.

Ja, ähnliches habe ich auch schon vermisst ... in meinem Fall einfach ein zusätzlicher Text, der ZWISCHEN 2 Fragen hätte angezeigt werden sollen. Meine Idee dazu: ein (X)HTML "Fragen"-Typ, der zwar angezeigt, aber ansonsten komplett ignoriert wird. Darüber könnte man dann auch FIELDSETS (unelegant) lösen. Besseres fällt mir im Moment nicht ein, um nicht noch eine weitere Ebene "Umfrage-Seiten-Frage-Fieldset" einführen zu müssen.

Ihr leistet wirklich großartige Arbeit!

Anke

Danke Anke , Du weisst aber, dass 99% der Arbeit von Helmut stammt?

PS:
Im Matrix-Widget fehlen mir tr- und td-Klassen.

DARAN arbeite ich gerade. Ich kann jetzt noch nicht alle geplanten Änderungen nennen, aber ich sehe einen Weg, ohne negativen Einfluss auf schon laufende Umfragen, diverse Klassen für TR und TD nachzurüsten (es sei denn, jemand benutzt ganz unspezifisch den Selektor 'even'/'odd' zur Formatierung). Ziel ist, jedes einzelne Element einer Matrix-Tabelle ganz genau per CSS ansprechen zu können.

Grobkonzept: TRs sollen etwa die Klassen "header" oder "odd row_1" bzw. "even row_2" usw. bekommen; TDs die Klasse abgeleitet/standardisiert aus dem Spaltenkopf.

Die automatische Berechnung der Spaltenbreiten aufgrund der Spaltenanzahl ist gut gemeint, aber ich würde die Breiten gern überschreiben können, da die Spalten mit Smileys, Plus/Minus oder anderen Bewertungssymbolen schlank gehalten werden könnten und so mehr Platz für die Fragen vorhanden wäre.

Hier sehe ich kaum einen anderen Weg, als inline Styles.

Allerdings KANN man inline Styles für die meisten Browser auch überschreiben, siehe z.B. http://css-tricks.com/override-inline-styles-with-css/ bzw. http://www.sitepoint.com/blogs/2009/...de-inline-css/

LG, Georg

[Anke]

Moin, moin, Georg,

ich bin ja schon ne Nachteule, aber du ...! Und wiederum vielen Dank für deinen Einsatz; eine sofortige Umsetzung aller meiner Wünsche habe ich auch nicht erwartet. Und natürlich gilt mein Dank auch Helmut! Bevor ich richtig wach werde, nur mal eben hierzu ein Gedanke:

Hmmm, das überzeugt mich nicht. Hier plädiere ich nach wie vor für den Weg via CSS! Die Spaltenköpfe als Text sind einerseits nötig für die "Accessibility" (Screen-Reader) und andererseits erforderlich für die Exporte. Z.B. als Excel-Spaltenköpfe ... selbst wenn man in einem Excel-Export Bilder darstellen könnte (was aber zur Zeit nicht unterstützt wird) würde in einem daraus erzeugten CSV-Export die Information, was ausgewählt wurde, verloren gehen. Und dann sind weitere Export-Formate denkbar, etwa für Statistik-Werkzeuge (SPSS), die mit Bildern eventuell nicht umgehen können.

Wenn man nicht gezwungen ist, Grafiken als Hintergrundbilder einzubinden, bekommen die Images ja Title-Tags mit auf den Weg, die gleichzeitig als Legende dienen würden. Könnten diese ncht statt der Grafiken nach Excel etc. exportiert werden? Bilder/Symbole zur Bewertung sind zurzeit ziemlich angesagt ...

HTML-Felder einfügen zu können wie im EFG wäre natürlich das Optimum

LG
Anke

[Wolfi]

Hallo Georg,
die Ausgabe der Detaildaten ist klasse!
Ich habe aber diverse Probleme mit der weiteren Verarbeitung dieser Daten!
Bei meinen Fragen werden als Antworten "Schulnoten" vergeben. Wenn ich versuche, z.b. den Mittelwert zu erzeugen, bekomme ich bei den Fragen Typ "Multiple Choice" Fehleranzeige (#DIV/0); Wenn ich allerdings die Fragen mit dem Typ "Matrixfrage" anlege, funktioniert die Auswertung richtig.
Das ist sowohl bei Excel, als auch bei OO der Fall!

Grüße
Wolfgang

[deerwood]

Hallo Wolfgang,

Bei meinen Fragen werden als Antworten "Schulnoten" vergeben. Wenn ich versuche, z.b. den Mittelwert zu erzeugen, bekomme ich bei den Fragen Typ "Multiple Choice" Fehleranzeige (#DIV/0); Wenn ich allerdings die Fragen mit dem Typ "Matrixfrage" anlege, funktioniert die Auswertung richtig.
Das ist sowohl bei Excel, als auch bei OO der Fall!

Ja, bei den Matrxfragen hatte ich eine Sonderbehandlung für numerische Werte (typisch Schulnoten) eingebaut. Aber Du hast Recht, das macht auch für MultipleChoice Sinn. In der Anlage eine erweiterte Version von 'SurveyQuestionMultiplechoiceEx.php'; leider kann ich die im Moment nicht selbst testen, magst Du bitte kurz eine Rückmeldung geben?

Die neue Version gibt bei dem Untertyp "Mehrfachauswahl" auch nicht mehr 'x' aus (für gewählte/angekreuzte Punkte), sondern 1. So kann man in diesen Spalten z.B. mit Excel/Calc SUMME() arbeiten, um zu zählen.

LG, Georg

[Wolfi]

Hallo Georg,

das war ja eine superschnelle Lösung! Sie funktioniert auch!!!
Vielen Dank und Grüße
Wolfgang

[deerwood]

Moin Anke, Helmut, alle,

in der Anlage eine neue Version von 'FormMatrixQuestion.php', mit mehr tr/td Klassen.

Änderungen der Matrix-Fragen durch diesen Patch:

Sämtliche Beschriftungen der Matrix-Tabelle sind jetzt in ein <span> Element eingekleidet (oben und links, inclusive der entgegengesetzten Pole und der neutralen Spalte, also alle TD mit Inhalt, der nicht <input> ist). Damit kann der Text, bei Bedarf, leicht per CSS ausgeblendet und statt dessen ein Background-Bild für das TD angezeigt werden.

Sämtliche Zeilen (TR) und Spalten/Zellen (TD) haben jetzt CSS-Klassen. Der Sinn dieser Erweiterungen ist, ganze Zeilen und Spalten per CSS ansprechen zu können (z.B. für background, width, height), bzw. auch einzelne Zellen genau genug adressieren zu können. Siehe auch unten, was im CSS für existierende/laufende Umfragen eventuell zu ändern ist.

CSS-Klassen der Tabellen-Zeilen, von oben nach unten:

• tr.bipolar: nur wenn die Frage "Entgegengesetzte Pole" hat und "Über den Spaltenbezeichnern" gewählt wurde.
• tr.columnheader: die Zeile mit den Spalten-Beschriftungen.
• tr.even/odd/first/last: die Zeilen mit den <input> Elementen. Klar, oder?

CSS-Klassen der Tabellen-Spalten/Zellen, von links nach rechts:

• td.rowtext: die Spalte/ALLE Zellen ganz links, egal, ob sie Inhalt haben, oder nicht (also auch in tr.bipolar und tr.columnheader).
• td.leftadjective: nur wenn die Frage "Entgegengesetzte Pole" hat. Dann hat die Spalte auch eine zusätzliche Klasse l-xxxxx. 'xxxxx' abgeleitet/standardisiert aus der Beschriftung des linken Pols. Z.B. "l-gut". Wurde "Links und rechts der Spalten" gewählt, dann existiert dafür eine eigene Spalte. Bei "Über den Spaltenbezeichnern" werden diese beiden Klassen zusätzlich zum folgenden 'td.yyyyy' ausgegeben, aber nur in der Zeile 'tr.bipolar'.
• td.yyyyy: alle Spalten, die auch normale <input> Elemente enthalten. 'yyyyy' abgeleitet/standardisiert aus der Beschriftung der jeweiligen Spalte (z.B. "td.id-1" oder "td.gut", "td.mittelmaessig", "td.schlecht"). In der Zeile 'tr.columnheader' haben die Zellen auch die zusätzliche Klasse 'td.columnheader' (wie in der Original-Version).
• td.neutralcolumn: nur falls eine "Neutrale Spalte" existiert. Dann gibt es auch noch eine zusätzliche Klasse n-zzzzz; 'zzzzz' abgeleitet/standardisiert aus der Beschriftung der neutralen Spalte. Z.B. "n-unentschieden" oder "n-keine-erfahrung-bisher".
• td.rightadjective: nur wenn die Frage "Entgegengesetzte Pole" hat. Dann hat die Spalte auch eine zusätzliche Klasse r-xxxxx. 'xxxxx' abgeleitet/standardisiert aus der Beschriftung des rechten Pols. Z.B. "r-schlecht". Wurde "Links und rechts der Spalten" gewählt, dann existiert dafür eine eigene Spalte. Bei "Über den Spaltenbezeichnern" werden diese beiden Klassen zusätzlich zum obigen 'td.yyyyy' ausgegeben, aber nur in der Zeile 'tr.bipolar'.

Am besten ihr macht Euch eine eine Test-Umfrage mit allen Varianten von Matrixfragen und schaut Euch das im FireBug an.

Ganz ohne Einfluss auf bisherige Umfrage-Formatierungen war die Erweiterung nicht hinzubekommen. Hier Hinweise, was eventuell im CSS anzupassen ist:

• 'td.rowtext' markierte zuvor NUR die linken Zellen, die auch wirklich Beschriftungen enthielten, jetzt haben auch die leeren Zellen darüber diese Klasse. Je nach Zweck des CSS (z.B. background-color) muss der Selektor 'td.rowtext' spezifischer gemacht werden mit 'tr.odd td.rowtext, tr.even td.rowtext'.
• 'td.left/rightadjective' war vorher nur gesetzt für die extra Spalten bei der Option "Links und rechts der Spalten" und nur in der Zelle, die den Poltext enthält; jetzt wird die Klasse auch in der leeren Zelle darüber ausgegeben und (als zusätzliche Klasse) auch bei der Option "Über den Spaltenbezeichnern" in der Zeile 'td.bipolar'. Gegebenenfalls muss man also den Selektor 'td.leftadjective' spezifischer formulieren, also 'tr.first td.leftadjective' (dito für right...), um genau die Zellen zu erwischen, die vorher adressiert wurden.
• 'td.neutralcolumn' war vorher nur gesetzt für die Zellen mit den <input> Elementen der neutralen Spalte. Jetzt haben alle Zellen dieser Spalte die Klasse, eventuell muss man spezifischer adressieren, also 'tr.odd td.neutralcolumn, tr.even td.neutralcolumn' statt einfach 'td.neutralcolumn'.

Technisch wäre es auch noch leicht, Zähler-Klassen für die Zellen mit den <input> Elementen einzuführen, etwa 'tr.row_1', 'tr.row_2' ... bzw. 'td.col_1', 'td.col_2' ... Ich sehe das aber nicht als sinnvoll an. bipolar/columnheader/even/odd/first/last erscheint mir für die Zeilen ausreichend. Und eine Nummerierung der Spalten erscheint mir wenig hilfreich im Vergleich zu den aus der Spaltenüberschrift abgeleiteten Klassen. Eventuell könnte man noch ein 'td.left' / 'td.right' gebrauchen (für border/padding/margin)?

@Anke: für die generierten Spalten-Breiten in % habe ich noch die Idee, dass man die %-Breite der linken Spalte nicht hart codiert, sondern per dcaconfig.php einstellbar macht (das wäre dann global für alle Umfragen) oder eventuell sogar ein neues Umfrage-Feld im BE dafür einführt. Andererseits SOLLTE sich die Spaltenbreite jetzt, wo man ganze Spalten per CSS adressieren kann, doch leicht einstellen lassen, etwa: div.matrix td.rowtext { width: 300px !important } , oder? Berichte doch mal, ob Du mit den jetzigen Klassen zufrieden bist und all das erereichen kannst, was Dir vorschwebt.

Und bezüglich der fieldsets per HTML-Fragentyp: Helmut hat vorgesehen, dass man einfach neue Fragentypen hinzufügen kann. Da mache ich mich dann mal demnächst dran.

LG, Georg

[Wolf]

Hallo,

ich komplett neu hier und zudem blutiger Rookie in Sachen Programmierung und Typolight. Da ich aber das survey_ce Tool gern benutzen würde, stellen sich mir ganz banale Fragen und ich konnte bisher nicht herausfiltern ob es dementsprechend banale Antworten dazu gibt.

a) gibt es so eine Art simples "Control Panel" mit dem man das Design einer Umfrage anpassen kann (z.B. Ausrichtung/Breite/Höhe von Feldbezeichung und Eingabefeld, Trennlinien zwischen Fragen, ...) OHNE dass ich da in Klassen, php-Dateien usw arbeiten muss?

b) ist es möglich mehere Umfragen auf einer Seite anzuteasern ohne dass alle starten sobald ich bei einer auf "Umfrage starten" klicke? Das passiert nämlich bei mir ...

c) wie kann ich möglichst einfach das Design meiner Umfrage an mein Seitenlayout anpassen (geht teilweise auf Frage a) zurück)?

Sorry, wenn das Greengreengreenhorn-Fragen sind, sie zielen aber auf eine noch höhere Benutzerfreundlichkeit ab. Ansonsten bietet das Tool tolle Möglichkeiten!

Gruß, Wolf

[Anke]

Willkommen bei TYPOlight!

a) gibt es so eine Art simples "Control Panel" mit dem man das Design einer Umfrage anpassen kann (z.B. Ausrichtung/Breite/Höhe von Feldbezeichung und Eingabefeld, Trennlinien zwischen Fragen, ...) OHNE dass ich da in Klassen, php-Dateien usw arbeiten muss?

c) wie kann ich möglichst einfach das Design meiner Umfrage an mein Seitenlayout anpassen (geht teilweise auf Frage a) zurück)?

In TYPOlight designst du im Grunde genommen alles über Stylesheets, so auch das Umfrage-Tool, d.h. eine gute Einarbeitung in CSS ist unvermeidlich. TYPOlight ist in erster Linie Rüstzeug für Webdesigner, und Stylesheets und garantieren dir den größtmöglichen gestalterischen Freiraum.

b) ist es möglich mehere Umfragen auf einer Seite anzuteasern ohne dass alle starten sobald ich bei einer auf "Umfrage starten" klicke? Das passiert nämlich bei mir ...

Ich glaube, diese Frage wurde in diesem Thread bereits angesprochen, und wenn mich recht entsinne, geht das nicht. Plan B wäre dann z.B. eine eigene Vorschaltseite mit Links zu den unterschiedlichen Umfragen.

Das Durchstöbern des Forums und der vielen Tutorials und Manuals ist ratsam, sonst kann es dir passieren, dass du keine Antworten auf deine Fragen bekommst.

Viele Grüße,
Anke

[Anke]

Hallo Georg,

einfach fantastisch! Ich schicke mal voraus, dass ich bis jetzt nur eine einfache Matrixtabelle getestet habe, also keine Pole und neutrale Spalte.

Wunderbar, dass auch die erste Tabellenzelle jetzt rowtext heißt.

Mit !important lassen sich die vorberechneten Spaltenbreiten einwandfrei overrulen. Da ich solche Mittel allerdings gern sparsam einzusetze, wäre mir deine Idee langfristig lieber:

für die generierten Spalten-Breiten in % habe ich noch die Idee, dass man die %-Breite der linken Spalte nicht hart codiert [...]

Wenn die Breite bei allen Spalten mit Ausnahme der ersten - und die Tabellenbreite - definiert wird, ergibt sich die Breite der rowtext-Spalte doch von selbst, oder nicht?

Bei mir befindet sich im Moment auf jeder Seite nur eine Matrixfrage, jeweils gefolgt von einem Feld für individuelle Ausführungen. Ich könnte mir aber vorstellen, dass jemand mehrere Matrixfragen pro Seite anbietet und diese unterschiedlich formatieren will/muss. Dafür könnte die Matrix vielleicht zusätzlich zu den Klassen widget und matrix noch eine eindeutige Klasse erhalten, eine (fortlaufende) Nummer wäre ja ausreichend.

Aber auch auf unterschiedlichen Seiten könnten Matrixfragen theoretisch unterschiedlich formatiert werden, wenn jeder Umfrageseite noch ein eindeutige Seitenklasse mitgegeben würde, wie z.B. der Pagetitle.

Meine Umfrage sieht jetzt jedenfalls aus wie beabsichtigt. umfrage.png

Besten Dank,
Anke

[deerwood]

Hallo Anke,

schön, dass das für Dich funktioniert ... schickes Styling nebenbei!

Bei mir befindet sich im Moment auf jeder Seite nur eine Matrixfrage, jeweils gefolgt von einem Feld für individuelle Ausführungen. Ich könnte mir aber vorstellen, dass jemand mehrere Matrixfragen pro Seite anbietet und diese unterschiedlich formatieren will/muss. Dafür könnte die Matrix vielleicht zusätzlich zu den Klassen widget und matrix noch eine eindeutige Klasse erhalten, eine (fortlaufende) Nummer wäre ja ausreichend.

Kein Ding , das kann man sich per Template-Anpassung leicht selbst machen (also wie üblich NICHT das Original, sondern eine Kopie im Ordner system/templates ändern)! Allerdings würde ich als CSS Klasse/Selektor ungern die laufende Nummer der Frage nutzen, weil die sich laufend ändern kann, während man an der Umfrage arbeitet (Fragen hinzufügt/löscht/verschiebt). Besser geeignet erscheint mir die ID der Frage. Hier als Beispiel eine Anpassung von 'survey_questionblock.tpl' ('survey_questionblock_table.tpl' kann man singemäß anpassen, falls man es nutzt):

<?php foreach ($this->surveypage as $objWidget): ?>
    <div class="surveyblock qid-<?php echo $objWidget->id; ?>">
<?php if ($objWidget->showTitle): ?>
        <div class="title">
            <?php echo $objWidget->title; ?><?php if ($objWidget->mandatory): ?><span class="mandatory">*</span><?php endif; ?>
            <?php if (strlen($objWidget->help)): ?><div class="help"><?php echo $objWidget->help; ?></div><?php endif; ?>
        </div>
<?php endif; ?>
<?php if (strlen($objWidget->question)): ?>
        <div class="question"><?php echo $objWidget->question; ?></div>
<?php endif; ?>
        <div class="widget <?php echo $objWidget->class; ?>">
            <?php echo $objWidget->generateLabel(); ?> <?php echo $objWidget->generateWithError(); ?>
        </div>
    </div>
<?php endforeach; ?>

Änderung nur in der 2. Zeile <div class="surveyblock qid-<?php echo $objWidget->id; ?>">. Ich habe hier auch den äußeren DIV ergänzt (statt des inneren mit den Klassen "widget xxxxx"), so dass man auch Titel, Fragentext usw. spezifisch ansprechen kann, wenn man das braucht. Und durch die Verwendung der Fragen-ID ist das ganze auch unabhängig von der Umfrage und der Seite, auf der sich die Frage befindet.

Einzig blöd an dieser Lösung ist, dass man im CSS eventuell (Komma-separierte) Ketten von Selektoren haben muss, wenn man viele gleichartige Fragen hat, die alle gleich zu formatieren sind (bei mir waren das etwa 17 Matrix-Fragen mit Schulnoten 1-5 und 12 mit Bewertung gut/mittel/schlecht). Dann hilft nur eine manuell im BE zu vergebende CSS Klasse, die [survey_ce] zur Zeit noch nicht bietet. Ach, und "sprechend" sind die IDs natürlich auch nicht gerade!

Und, weil wir gerade bei Template-Anpassungen sind: in 'ce_survey.tpl' stehen offenbar zwei Variablen zur Verfügung, die man gut nutzen kann, um z.B. den Umfrage-Fortschritt anzuzeigen (etwa als Text "Seite x von y", oder als Fortschrittsbalken via <img width="XXX" .../>, oder als CSS background-color):

1. $this->page: die Seitennummer der Umfrage. Beginnt bei 0 (für die Einführung) und wird dann hochgezählt für jede weitere Seite.
2. $this->pages: ein Array mit was auch immer ... einzig interessant in diesem Zusammenhang ist die Anzahl der Elemente count($this->pages)

Damit kann man dann (per PHP) rechnen, z.B. eine Fortschritts-Breite in %:

<img style="width: <?php echo ceil(100 * $this->page / count($this->pages)); ?>%;" ... />

HTH und LG, Georg

[Anke]

Richtig, this definitely helps! Ich bin noch nicht so gut damit vertraut, dass ich auf Anhieb weiß, was über die Templates geht und was nicht.

Und der Hinweis mit den Variablen für die Fortschrittsanzeige - super! -, werd ich gleich noch einfügen!

LG,
Anke

[Wolf]

Willkommen bei TYPOlight!



In TYPOlight designst du im Grunde genommen alles über Stylesheets, so auch das Umfrage-Tool, d.h. eine gute Einarbeitung in CSS ist unvermeidlich. TYPOlight ist in erster Linie Rüstzeug für Webdesigner, und Stylesheets und garantieren dir den größtmöglichen gestalterischen Freiraum.

Danke schonmal. CSS bekomme ich hin - nur verstehe ich nicht, wie ich eines der beiden vorgegebenen css-styles (blau oder grün) in meine Umgebung einbinde. Muss ich diese Dateien irgendwo hin kopieren, muss ich eine Klasse angeben/referenizeren oder den Quelltext ins survey.css reintun?

Ein kleiner Tipp wäre hier für mich Gold wert!

Danke!

[Anke]

Schau mal, ob dir das weiterhilft: https://contao.org/stylesheets.html. Sehr empfehlenswert auch die Dokumentation: https://contao.org/dokumentation.html und eines der TYPOlight-Bücher.

Ich weiß nicht, welche vorgegebenen blauen und grünen css-styles du meinst. Willst du eigene CSS-Dateien importieren, tust du das, indem du sie ins tl_files-Verzeichnis hochlädst und dann im Backend unter "Stylesheets" importierst; natürlich musst du alle Klassen entsprechend anpassen, was du gut über einen der in TL eingebauten CSS-Editoren machen kannst.

An der survey.css würde ich nichts ändern, denn die würde dir beim nächsten Update überschrieben und sie enthält auch in erster Linie die fürs Backend nötigen Styles. Was im Frontend gezeigt wird, darfst du stets selbst stylen.

Gruß,
Anke

[deerwood]

Hallo Wolf,

wie Anke schon sagte, kannst Du eine der mit [survey_ce] gelieferten CSS-Beispiel-Dateien (tl_files/survey/survey/decent_blue|green.css) im Backend unter "Stylesheets" importieren und dann in TL an Deine Bedürfnisse anpassen; die Styles werden dabei in der DB gespeichert und die *.css Dateien in TL_ROOT werden automatisch generiert (also diese nicht direkt ändern!).

Manche Menschen bevorzugen jedoch das "normale" Einbinden und Editieren von CSS Dateien. Siehe dazu diese Anleitung. Währen der Entwicklung/des Stylings ist auch unbedingt der FireBug zu empfehlen, der Dir die CSS Klassen für jedes Element anzeigt und es auch erlaubt "on the fly" probehalber Änderungen zu machen, die Du dann in Dein Styling einbaust.

LG, Georg

[Anke]

Witzisch, das Verzeichnis unter tl_files ist mir glatt entgangen ...

[Anke]

Hallo Georg,

ich bin noch auf eine Kleinigkeit gestroßen: In der neutralen Spalte hat der Spaltenkopf dieselbe Klasse wie die Zellen darunter, nämlich ".neutralcolumn n-x". Damit kann ich sie nicht unterscheiden.

Wäre es möglich, die oberste neutrale Zelle wie die anderen ".columnheader" zu nennen und der Zelle zusätzlich z.B. ein ".n-x" zu verleihen? Dann könnte ich dort nämlich, passend zu den anderen Spalten, ein durchgekreuztes Smiley oder sowas reinsetzen. (Wenn mein Styling gefällt und ihr es als weiteres Gestaltungsbeispiel mit in die Erweiterung reinnehmen wollt, stell ich die css und Lächelgesichter gern zur Verfügung.)

Viele Grüße,
Anke

[deerwood]

Hallo Anke,

ich bin noch auf eine Kleinigkeit gestroßen: In der neutralen Spalte hat der Spaltenkopf dieselbe Klasse wie die Zellen darunter, nämlich ".neutralcolumn n-x". Damit kann ich sie nicht unterscheiden.

Wäre es möglich, die oberste neutrale Zelle wie die anderen ".columnheader" zu nennen und der Zelle zusätzlich z.B. ein ".n-x" zu verleihen? Dann könnte ich dort nämlich, passend zu den anderen Spalten, ein durchgekreuztes Smiley oder sowas reinsetzen.

Kannst Du nicht generell besser die Selektoren in der Zeile tr.columnheader von 'td.columnheader.id-x' umstellen auf 'tr.columnheader td.id-x'? 'td.columnheader' ist eigentlich nur noch da, damit das CSS für bereits laufende Umfragen im Wesentlichen weiter funktioniert (ist praktisch "deprecated"). Du kannst auch schon jetzt den Kopf der neutralen Spalte so ansprechen ('tr.columnheader td.neutralcolumn' bzw. 'tr.columnheader td.n-x'), aber dann wär es einheitlich in Deinem CSS.

Nochmal kurz zur Fortschritts-Anzeige: ich hatte weiter oben zwei Strichpunkte ';' vergessen (und inzwischen nachgetragen). Jetzt habe ich das mal selbst eingebaut mit leicht anderem Konzept: ein DIV mit einem 800px breiten Hintergrund-Bild, das einen Farbverlauf zeigt. Die Ergänzung in 'ce_survey.tpl' sieht bei mir so aus (eingefügte Zeile mit einem '+' am Anfang markiert, das natürlich NICHT in das Template gehört, siehe 'unified diff'):

 <div class="finalstatement"><?php echo $this->finalsubmission; ?></div>
 <?php endif; ?>
 <?php if (($this->page > 0) && ($this->page <= count($this->pages))): ?>
+<div style="width: <?php echo ceil(800 * $this->page / count($this->pages)); ?>px; height: 10px; background: url(tl_files/img/progress.png) repeat-y top left;"></div>
 <?php if (strlen($this->pages[$this->page-1]['title'])): ?><div class="pagetitle"><?php echo $this->pages[$this->page-1]['title']; ?></div><?php endif; ?>
 <?php if (strlen($this->pages[$this->page-1]['introduction'])): ?><div class="pageintroduction"><?php echo $this->pages[$this->page-1]['introduction']; ?></div><?php endif; ?>
 <div class="formbody">

Wenn mein Styling gefällt und ihr es als weiteres Gestaltungsbeispiel mit in die Erweiterung reinnehmen wollt, stell ich die css und Lächelgesichter gern zur Verfügung.

Ich finde Dein Styling schön und es würde sicherlich auch Anderen helfen. Ich würde es gern als weiteres CSS Beispiel in [survey_ce] übernehmen.

Im Moment MUSS ich aber noch einmal ausdrücklich darauf hinweisen, dass Helmut der Autor ist und ich zunächst gern seine Meinung zu den Patches hören würde. Zur Zeit sind das eben nicht update sichere Patches.

LG, Georg

[hschottm]

Dann melde ich mich doch auch mal aus dem Off...
Erst mal muss ich Georg ein wahnsinniges Lob aussprechen, weil er hier eigentlich meine Arbeit macht und ich gar nicht weiß, wie ich ihm dafür danken soll.

Alles was ich bislang an Vorschlägen und Änderungen hier vorgefunden habe, würde ich auch gerne in survey_ce übernehmen, auch auf die Gefahr hin, dass dadurch evtl. ältere Umfragen betroffen sein könnten, weil sich das Layout dadurch etwas ändert. Mein Vorschlag wäre, das Ganze unter einer neuen Versionsnummer (1.1) herauszubringen und noch einmal den expliziten Hinweis auf die kritischen Punkte, an denen man als Alt-Nutzer aufpassen muss, in der Dokumentation mit aufführt.

Was den zusätzlichen CSS-Style angeht, so fände ich es toll, wenn wir diesen als weiteren Style zum Auswählen mit in das Projekt übernehmen dürfen.

LG,
Helmut

[Anke]

Hallo Helmut,

Georgs Einsatz ist wirklich unglaublich!

Natürlich stelle ich meine Styles und Smileys gern zur Verfügung (heute Abend oder morgen) - und auch meine Version der ce_survey.tpl mit dem stilgerechten Fortschrittsbalken, den ich ohne Georgs superausführliche Beschreibungen wahrscheinlich nicht in der Form hätte anpassen können.

LG
Anke

[Anke]

Georg, vielen Dank für die ausführlichere Demonstration zum Einfügen einer Fortschrittsanzeige. So war ich in der Lage, Text- und Balken zu kombinieren und habe dem ganzen, damit man die optische Orientierung zur 100%-Marke hat, noch eine Hintergrundgrafik gegeben.

Die Balkenanzeige selbst ist halbtranparent gerastert. Das kommt zwar dieser aktuellen Version kaum zur Geltung, da der Balken nur 3 px hoch und der Kontrast dezent gehalten ist, aber wenn man einen farbenfroheren Hintergrundverlauf nimmt und den Fortschrittsbalken über die ganze Höhe des Hintergrundes laufen lässt, schimmert der Hintergrundverlauf immer noch durch - ein netter Nebeneffekt.

In Abwandlung zu Georgs Vorschlag habe ich den Fortschrittsbalken nach unten gesetzt, oberhalb des Zurück- und Weiterbuttons, mit der Bedingung, dass der Balken nicht auf der Einleitungsseite angezeit wird. Und bis auf die zu berechnende Breite habe ich alle Styles ins Stylesheet übernommen. Das Template ce_survey.tpl sieht jetzt bei mir so aus (meine Einfügung in grün):

<?php if (!($this->page > count($this->pages))): ?>
<?php if (($this->page > 0)): ?>
<div class="progressbar_container">
<div class="progressbar" style="width: <?php echo ceil(714 * $this->page / count($this->pages)); ?>px;"><span>Seite <?php echo ($this->page); ?> von <?php echo (count($this->pages)); ?></span></div> 
</div>
<?php endif; ?>
<div class="submit_container">

Hier zwei Abbildungen, wie meine Umfrage jetzt aussieht: umfrage1.pngumfrage2.png

Zu meiner CSS, die ich hier zur Verfügung stelle, noch folgende Erklärung:
Die Smileys in meiner Umfrage stehen für die Bewertungen bzw. Spaltenüberschriften "1", "2", "3", "4" und die neutrale Spalte "x". Parallel dazu lauten die CSS-Klassen für die Bewertungsspalten "id-1", "id-2" etc. und "n-x" für die neutrale Spalte. - Diese Klassen müssen natürlich geändert werden, wenn andere Spaltenüberschriften verwendet werden.

Helmut, du kannst das gerne als weiteres Beispielstyling dazunehmen. Ich bin übrigens total begeistert, dass diese Erweiterung alle möglichen Änderungen an Feldern und Fragen und jeder Menge Umstellungen völlig fehlerfrei und ohne jegliches Murren verarbeitet - so macht arbeiten Spaß!

Im Anhang zwei Zip-Dateien mit den Smileys und Progressbar-Grafiken, der umfragen.css und der ce_survey.tpl (musste sie leider splitten, weil max. 100 kB pro Datei möglich sind).

Viele Grüße,
Anke

[hschottm]

Liebe Anke,

das ist toll und ich danke dir natürlich recht herzlich. Ich muss mal schauen, wie ich euch alle gebührend mit in die Modulbeschreibung mit aufnehme.

Helmut, du kannst das gerne als weiteres Beispielstyling dazunehmen. Ich bin übrigens total begeistert, dass diese Erweiterung alle möglichen Änderungen an Feldern und Fragen und jeder Menge Umstellungen völlig fehlerfrei und ohne jegliches Murren verarbeitet - so macht arbeiten Spaß!

Also es gibt ja leider noch ein, zwei Stellen, an denen HTML-Code über Programmcode generiert wird. Ich möchte versuchen, die auch noch "abzustellen" und über Templates laufen zu lassen, damit man da wirklich völlige Freiheiten hat. Nirgendwo ist das so wichtig, wie bei einer Umfrage, finde ich. Aber natürlich braucht es auch einige vorgefertigte Vorlagen für die Leute, die einfach keine Zeit haben, sich über so etwas Gedanken zu machen und gleich loslegen wollen. Umso höher ist dein Einsatz hier zu bewerten!

Ich bin noch bis Sonntag auf Reisen in Berlin, Grüße also von hier aus und wünsche natürlich allen, die sich heute und morgen auf dem TYPOlight Usertreffen befinden und find's schade, diesmal nicht mit dabei zu sein.

LG,
Helmut