Horizontal clickable scale

PennController for IBEX Forums Support Horizontal clickable scale

This topic contains 2 replies, has 3 voices, and was last updated by Jeremy Jeremy 4 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #7085
    Avatar
    Sarah_FR
    Participant

    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 
    
    #7087
    Avatar
    amilam
    Participant

    Hi,

    Have you looked at the scale element?

    #7091
    Jeremy
    Jeremy
    Keymaster

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.