Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Choice-Based-Conjoint-Analyse

Anna_K
Topic Author
Offline
New Member

More

11 months 4 weeks ago #257506 by Anna_K

Choice-Based-Conjoint-Analyse was created by Anna_K

Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
Ihre LimeSurvey-Version:
Eigener Server oder LimeSurvey-Cloud:
Genutzte Designvorlage: Bootswatch
==================
Hallo,

ich möchte im Rahmen meiner Masterarbeit eine Choice-Based-Conjoint-Analyse durchführen. Ich möchte insgesamt 12 Vergleiche bei den Studienteilnehmern abfragen, bei denen jeweils zwischen 3 Auswahlmöglichkeiten + keine der Auswahlmöglichkeiten gewählt werden muss. Leider habe ich bis jetzt nur Vorlagen für insgesamt 3 Auswahlmöglichkeiten gefunden. Zudem benötige ich in der Beschreibung der verschiedenen Auswahlmöglichkeiten mind. 5 Zeilen, da ich 5 Attribute testen mö
Können Sie mir eine Umfragenvorlage für meinen Fall zukommen lassen?

Vielen Dank im Voraus.

Please Log in to join the conversation.

holch
Offline
LimeSurvey Community Team

More

11 months 4 weeks ago #257507 by holch

Replied by holch on topic Choice-Based-Conjoint-Analyse

In Limesurvey existiert keine "Umfragenvorlage" für sowas. Das Design musst du selbst erstellen, und die grafische Darstellung der "Produkte" oder "Choices" ist ja dann eher das geringste Problem.

Joffm hat da sicher das eine oder andere Beispiel, aber mit ziemlicher Sicherheit keine "Umfragenvorlage".

Help us to help you!

Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
Always provide a LSS file (not LSQ or LSG).

Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.

Please Log in to join the conversation.

Joffm
Offline
LimeSurvey Community Team

More

11 months 4 weeks ago - 11 months 4 weeks ago #257508 by Joffm

Replied by Joffm on topic Choice-Based-Conjoint-Analyse

Ach, ja?
Ja, ja, @holch spielt gerne den Ball geschickt in meine Hälfte.

Im Ernst: Schau Dir mein "Tutorial 3: Gimmicks" an.
Da gibt es einige Beispiele: Vom "Urvater", dem "Apple-Banana" bis zu sehr responsiven Darstellungen mit den Bibliotheken"tiny slider" bzw. "slick".

Findest Du hier im deutschen Teil auf einer der folgenden Seiten.

Leider hast Du die Fragen über Version und Ort des Hostings nicht beantwortet.

Schnell vom Smartphone.
Bis dann
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Last edit: 11 months 4 weeks ago by Joffm.

Please Log in to join the conversation.

Joffm
Offline
LimeSurvey Community Team

More

11 months 3 weeks ago - 11 months 3 weeks ago #257550 by Joffm

Replied by Joffm on topic Choice-Based-Conjoint-Analyse

So, jetzt etwas mehr dazu.

Wie @holch schon schrieb: Das Design musst du selbst erstellen.
Aber dies ist im Grunde ist es eine Frage vom Typ "Matrix" mit einer Teilfrage
Dann wird eine HTML-Tabelle in den Fragentext eingefügt. In dieser werden die Attributsausprägungen jeweils mittels ExpressionScript eingefügt.
Und die radio-buttons werden dann ebenfalls in diese Tabelle verschoben.
Dieser letzte Schritt erfordert die Benutzung von javascript.

Wenn ich "Masterarbeit" lese, vermute ich, Du benutzt eine Installation der Uni.
Oftmals verbieten hier die admins die Benutzung von javascript.
Im schon erwähnten Tutorial wird ja am Anfang ein kleiner Test gezeigt, wie Du dies testen kannst.

Gut jetzt hast Du das Gerüst.
Jetzt kommen wir zum Modell.
Wenn Du bei allen Teilnehmer 12 identische Vergleiche abfragen willst, ist es trivial.
Oder ist es ein Modell, in dem Du mit irgendeinem Tool für jeden Teilnehmer die entsprechenden "Karten" berechnet hast?
Egal, das ist alles nur ein bisschen ExpressionScript.

Jetzt solltest Du mitteilen,

welche Version Du benutzt; wenn es nicht rechts unten steht, weil der admin dies entfernt hat, genügt auch ein screenshot der Seite beim Bearbeiten einer Frage ("Matrix" ist am besten)
kannst Du javascript benutzen? (Den kleinen Test kannst Du ja machen)

Und dann kannst Du einmal herangehen, uns zu zeigen, wie Du Dir die Frage vom Aussehen her vorstellst.
Hier ist ein Beispiel (nicht Conjoint und noch ohne Text in den einzelnen Zellen, aber von der Tabellenstruktur gleich)

Bis dann

Joffm

P.S. Und es soll "keine Angabe" geben?
Ich dachte immer, Conjoint ist etwas wie "unter den Blinden ist der Einäugige König"

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Last edit: 11 months 3 weeks ago by Joffm.

Please Log in to join the conversation.

holch
Offline
LimeSurvey Community Team

More

11 months 3 weeks ago #257555 by holch

Replied by holch on topic Choice-Based-Conjoint-Analyse

Ja, ja, @holch spielt gerne den Ball geschickt in meine Hälfte.

Natürlich, weil du hier vermutlich der bist, der in dem Bereich in der Praxis am meisten Ahnung hat.

Help us to help you!

Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
Always provide a LSS file (not LSQ or LSG).

Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.

Please Log in to join the conversation.

Anna_K
Topic Author
Offline
New Member

More

11 months 3 weeks ago #257612 by Anna_K

Replied by Anna_K on topic Choice-Based-Conjoint-Analyse

Hallo,

vielen Dank für die Zwischeninfos. Meine Version ist die Cloud Version 6.4.9.
Ich habe ein bisschen mit vorhandenen Fragevorlagen aus der Community herumgespielt. Das Zwischenergebnis ist im Screenshot zu sehen. Leider passen die Spalten noch nicht ganz. Ich bekomme diese nicht größer. Ich brauche da aber mehr Platz für die Beschreibungen der einzelnen Attribute.

Ich wollte einen Screenshot einfügen, aber leider funktioniert das hier nicht. Habt ihr einen Tipp?

Please Log in to join the conversation.

Joffm
Offline
LimeSurvey Community Team

More

11 months 3 weeks ago #257617 by Joffm

Replied by Joffm on topic Choice-Based-Conjoint-Analyse

Kannst Du denn den Code der HTML-Tabelle einfügen, mit dem Code-Button des Editors?
Das ist der links neben "Size"

Joffm

P.S. Bitte, benutze den Ausdruck "Fragenvorlage" nur, wenn es wirklich eine Fragenvorlage ist.
Diese findest Du unter "Konfiguration / Designvorlagen"

Neben den Standard-Fragetypen siehst Du unten ein Benutzerthema.

Das hat aber nichts mit dem Einfügen von HTML-Code im Fragetext zu tun.

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

Anna_K
Topic Author
Offline
New Member

More

11 months 3 weeks ago #257619 by Anna_K

Replied by Anna_K on topic Choice-Based-Conjoint-Analyse

Hallo,

ja, folgend der HTML-Code der Tabelle:

1. Welchen Stromvertrag würden Sie wählen?

<div style="height: 6px; text-align: center;"> </div>

<table border="1" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;">
 <tbody>
 <tr>
 <td style="text-align: left;" width="0%"> </td>
 <td style="text-align: center;" width="0%"> </td>
 <td bgcolor="#D4D7E4" style="text-align: center;" width="15%"> Stromvertrag A </td>
 <td style="text-align: center;" width="0%"> </td>
 <td bgcolor="#D4D7E4" style="text-align: center;" width="15%">Stromvertrag B</td>
 <td style="text-align: center;" width="0%"> </td>
 <td bgcolor="#D4D7E4" style="text-align: center;" width="15%">Stromvertrag C</td>
 </tr>
 <tr>
 <td bgcolor="#f2f2f2" style="text-align: left;">
 Preis 
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 55,00 €
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 55,00 €
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 55,00 €
 </td>
 </tr>
 <tr>
 <td bgcolor="#f2f2f2" style="text-align: left;">
 Preisgarantie
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 12 Monate
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 12 Monate
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 24 Monate
 </td>
 </tr>
 <tr>
 <td bgcolor="#f2f2f2" style="text-align: left;">
 Mindestvertragslaufzeit
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 1 Monat
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 12 Monate
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 24 Monate
 </td>
 </tr>
 <tr>
 <td bgcolor="#f2f2f2" style="text-align: left;">
 Energiemix
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 Ökostrom
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 Strommix
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 Strommix
 </td>
 </tr>
 <tr>
 <td bgcolor="#f2f2f2" style="text-align: left;">
 Service
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 Online-Kundenportal
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 Rückmeldung auf Serviceanfragen innerhalb von 48 Stunden
 </td>
 <td style="text-align: center;" width="0%">
 
 </td>
 <td bgcolor="#f2f2f2" style="text-align: center;">
 Online-Kundenportal
 </td>
 </tr>
 <tr style="height: 6px; text-align: center;">
 </tr>
 <tr style="height: 6px; text-align: center;">
 </tr>
 <tr>
 <td bgcolor="#f2f2f2" style="text-align: left;font-size:14px">Your choice </td>
 <td style="text-align: center;" width="0%"> </td>
 <td bgcolor="#f2f2f2" style="text-align: center;"> </td>
 <td style="text-align: center;" width="0%"> </td>
 <td bgcolor="#f2f2f2" style="text-align: center;"> </td>
 <td style="text-align: center;" width="0%"> </td>
 <td bgcolor="#f2f2f2"> </td>
 </tr>
 </tbody>
</table>
<script type="text/javascript" charset="utf-8">


 $(document).on('ready pjax:scriptcomplete',function(){

 // Identify this question
 var thisQuestion = $('#question{QID}');

 // Move the radios
 $('.question-text table:eq(0) tr:last td:eq(2)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(0) *', thisQuestion));
 $('.question-text table:eq(0) tr:last td:eq(4)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(1) *', thisQuestion));
 $('.question-text table:eq(0) tr:last td:eq(6)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(2) *', thisQuestion));

 // Some classes for presentation
 $('.question-text table:eq(0) input:radio', thisQuestion).closest('td').addClass('answer-item radio-item text-center radio');
 $('.question-text table:eq(0) .radio-item label', thisQuestion).show();

 // Click event on the table cells
 $('.question-text table:eq(0) .radio-item', thisQuestion).on('click', function(e) {
 $('input:radio', this).trigger('click');
 });
 $('.question-text table:eq(0) input:radio', thisQuestion).on('click', function(e) {
 ();
 });

 // Clean-up styles
 $('.answer-container', thisQuestion).hide();
 $('.question-text table:eq(0) .label-text', thisQuestion).remove();
 $('.question-text table:eq(0) .radio-text', thisQuestion).css({
 'cursor': 'pointer'
 });
});
</script>

Please Log in to join the conversation.

Joffm
Offline
LimeSurvey Community Team

More

11 months 3 weeks ago #257621 by Joffm

Replied by Joffm on topic Choice-Based-Conjoint-Analyse

1. Und warum hast Du den Code-Button nicht benutzt?
2. Apropos "screenshot geht nicht". Wolltest Du ihn etwa mit Copy/Paste einfügen. Man attached Bilder, Dateien , etc.

Und was ich sehe, ist ja das alte "Green apple - banana" Beispiel.
Das ist nun wirklich nicht das Beste. Viel zu viel inline-css und die überflüssige leere Spalte, um die Spalten abzutrennen.

Außerdem hast Du nicht den dritten Button eingefügt und auch die anderen beiden in den falschen Spalten.

Ich habe hier nicht viel geändert.

Rahmen vollständig entfernt (sollte man mittels Klassen in den Zellen lösen)
Die Spaltenbreiten geändert
Den nur in der ersten Spalte vorhandenen Zeilenumbruch entfernt, dafür ein padding gesetzt
Die radio-buttons richtig eingefügt. (Habe einfach den javascript-Teil aus meinem Tutorial hieneinkopiert.)

Sieht jetzt so aus.
Als erste Arbeitsgrundlage nicht so schlecht. Wie schon gesagt, besser man benutzt css-Klassen statt in jeder Zelle wieder dasselbe inline-css einzufügen.

Code sieht jetzt so aus:
Guck Dir einmal diese fürchterlichen -Orgien an. Und auch die ganzen sind ja überflüssig; es gibt doch keine Paragraphen.

Code:

<table border="0" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;">
    <tbody>
        <tr>
            <td style="text-align: left;" width="25%"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000;"><b>Stromvertrag A</b></span></span></td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000"><strong>Stromvertrag B</strong></span></span></td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#D4D7E4" style="text-align: center;padding:5px" width="25%"><span style="font-size:14px;"><span style="color:#000000"><b>Stromvertrag C</b></span></span></td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Preis</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">55,00 €</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">55,00 €</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">55,00 €</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Preisgarantie</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">24 Monate</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Mindestvertragslaufzeit</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">1 Monat</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">12 Monate</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">24 Monate</span></span></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Energiemix</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Ökostrom</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Strommix</span></font></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><font color="#000000"><span style="caret-color: rgb(0, 0, 0); font-size: 14px;">Strommix</span></font></p>
            </td>
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Service</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Online-Kundenportal</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Rückmeldung auf Serviceanfragen innerhalb von 48 Stunden</span></span></p>
            </td>
            <td style="text-align: center;" width="0%">
            <p> </p>
            </td>
            <td bgcolor="#f2f2f2" style="text-align: center;">
            <p><span style="font-size:14px;"><span style="color:#000000;">Online-Kundenportal</span></span></p>
            </td>
        </tr>
        <tr style="height: 6px; text-align: center;">
        </tr>
        <tr style="height: 6px; text-align: center;">
        </tr>
        <tr>
            <td bgcolor="#f2f2f2" style="text-align: left;font-size:14px"><span style="color:#000000;">Welche Option ziehen Sie vor? </span></td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2" style="text-align: center;"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2" style="text-align: center;"> </td>
            <td style="text-align: center;" width="0%"> </td>
            <td bgcolor="#f2f2f2"> </td>
        </tr>
    </tbody>
</table>
<script type="text/javascript" charset="utf-8">
 
  $(document).on('ready pjax:scriptcomplete',function(){
 
    // Identify this question
    var thisQuestion = $('#question{QID}');
 
    // Move the radios
    $('.question-text table:eq(0) tr:last td:eq(2)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(0) *', thisQuestion));
    $('.question-text table:eq(0) tr:last td:eq(4)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(1) *', thisQuestion));
    $('.question-text table:eq(0) tr:last td:eq(6)', thisQuestion).append($('.subquestion-list .answers-list:eq(0) .answer-item:eq(2) *', thisQuestion));
 
    // Some classes for presentation
    $('.question-text table:eq(0) input:radio', thisQuestion).closest('td').addClass('answer-item radio-item text-center radio');
    $('.question-text table:eq(0) .radio-item label', thisQuestion).show();
 
    // Click event on the table cells
    $('.question-text table:eq(0) .radio-item', thisQuestion).on('click', function(e) {
      $('input:radio', this).trigger('click');
    });
    $('.question-text table:eq(0) input:radio', thisQuestion).on('click', function(e) {
      e.stopPropagation();
    });
 
    // Clean-up styles
    $('.answer-container', thisQuestion).hide();
    $('.question-text table:eq(0) .label-text', thisQuestion).remove();
    $('.question-text table:eq(0) .radio-text', thisQuestion).css({
      'cursor': 'pointer'
    });
    });
</script>

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

Anna_K
Topic Author
Offline
New Member

More

11 months 3 weeks ago - 11 months 3 weeks ago #257734 by Anna_K

Replied by Anna_K on topic Choice-Based-Conjoint-Analyse

Vielen Dank für die Anpassung. Sieht schon deutlich besser aus. Ich bin keine Expertin auf dem Gebiet, daher entschuldige, wenn ich nicht die richtigen Tools und Bezeichnungen verwende.
Eine Bitte hätte ich noch. Mir fehlt noch die Auswahloption mit "keine der Optionen". Kannst du diese vielleicht auch noch in den Quellcode einfügen. Ähnlich wie hier:

Danke und LG Anna

Last edit: 11 months 3 weeks ago by Anna_K.

Please Log in to join the conversation.

Joffm
Offline
LimeSurvey Community Team

More

11 months 3 weeks ago #257751 by Joffm

Replied by Joffm on topic Choice-Based-Conjoint-Analyse

So, ich habe noch etwas gespielt.
Sprich, den Code sauberer gemacht.
Dazu habe ich ein paar Klassen definiert. Dadurch ist es ganz einfach, Farben, Breiten, Schriftgrößen, usw. zu ändern.
Außerdem habe ich diese blöde Zwischenspalte entfernt, die ja nur dazu diente, einen Abstand zu simulieren. Dazu dient jetzt ein 2px breiter Rahmen um die Zellen.

Die Farben habe ich zunächst so gelassen, bis auf die KA Spalte.
Schau Dir also den <style></style> Teil an. Im Grunde ist alles sehr leicht verständlich.
Der Code der Tabelle hat sich jetzt verkürzt zu

Code:

<table border="0" style="margin-top:10px; border-collapse:collapse;">
    <tbody>
        <tr>
            <td style="width:25%"> </td>
            <td class="header">Stromvertrag A</td>
            <td class="header">Stromvertrag B</td>
            <td class="header">Stromvertrag C</td>
            <td class="header headerNA">Keinen</td>
        </tr>
        <tr>
            <td class="col col1">Preis</td>
            <td class="col">55,00 €</td>
            <td class="col">65,00 €</td>
            <td class="col">75,00 €</td>
            <td class="col colNA"> </td>
        </tr>
        <tr>
            <td class="col col1">Preisgarantie</td>
            <td class="col">12 Monate</td>
            <td class="col">12 Monate</td>
            <td class="col">24 Monate</td>
            <td class="col colNA"> </td>
        </tr>
...

Und die vierte Spalte einfügen?
Na, komm, das hättest Du schon geschafft.
Wenn Du im Code dreimal dasselbe siehst, wirst Du es auch noch einmal hinzukopieren und anpassen können.
Egal.

Hier der lss Export

File Attachment:

File Name: limesurvey...2-29.lss
File Size:21 KB

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

The following user(s) said Thank You: mineralwasser

Please Log in to join the conversation.

Joffm
Offline
LimeSurvey Community Team

More

11 months 3 weeks ago #257775 by Joffm

Replied by Joffm on topic Choice-Based-Conjoint-Analyse

Nachtrag:
Diese Änderungen gibt es noch:
Ganz oben:
<table class="table" style="margin-top:10px">

und in der Klasse .col sollte hinzugefügt werden
vertical-align: middle !important;

Hast Du Dir schon überlegt, wie dies auf Smartphones aussieht?
Nämlich so

Geht gerade noch
Besser wäre allerdings eine der beiden Bibliotheken zu benutzen, die ich ja auch im Tutorial: Gimmicks, Kap.11 beschreiben habe.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

Moderators: holch, Joffm, tpartner

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

Choice-Based-Conjoint-Analyse

File Attachment:

Lime-years ahead

Legal

About Us

Open Source