Horizontal clickable scale

[Sarah_FR]

Hello Jeremy,

we are currently working on an online questionnaire in which participants have to answer questions by picking one out of five possible answers (strongly agree, agree , neutral, disagree, strongly disagree).
Right now we are using Dropdown to present the answers but we would like to present the 5 possible answers on a horizontal scale on which participants can click on their answer.
We couldn’t find something related to this topic in the tutorial and thought you might have a solution!

newText("Bewertung1.1", "In der Ansprache 'Liebe Besucher' sind Frauen mitgemeint.")
       .cssContainer({"margin-bottom":"1em"})
        .print()
       ,

    
   newDropDown("Zustimmung" , "Bitte wählen Sie Ihren Grad der Zustimmung.")
       .add("stimme vollkommen zu", "stimme eher zu", "unentschieden", "stimme eher nicht zu", "stimme vollkommen nicht zu")
        .cssContainer({"margin-bottom":"3em"})
        .print()
       .log()
       ,

Best, 
Sarah 

[amilam]

Hi,

Have you looked at the scale element?

[Jeremy]

Hi,

To add to Amila’s suggestion, look at the button command

To play with the aesthetics, you can add CSS rules to Aesthetics/PennController.css like:

.Scale > div {
    margin: 1em;
}

Jeremy

[Author]

Posts