Reply To: Yes/No Question Spacing

[Jeremy]

Hi Cindy,

PennController displays scale buttons as cells in an HTML <table> element, which are a pain to handle in CSS… Maybe I’ll revise this in the next release of PennController. In the meantime, one CSS solution would be to add this to PennController.css:

.Scale-scaleButton {
    padding-right: 5em;
}

EDIT: actually, if you are using radio buttons the CSS solution is not too bad, just use .Scale-label instead of .Scale-scaleButton

That solution is not ideal though, as it will effectively expand the width of each button by 5em. Another solution would be to print the answer options as Text elements on a Canvas and group them in a Selector:

newTrial(
    newText("Will you dance with me?").print()
    ,
    newCanvas(200,30)
        .add( 0 , 5 , newText("Yes") )
        .add( "right at 100%" , 5 , newText("No") )
        .print()
    ,
    newSelector("answer")
        .add( getText("Yes") , getText("No") )
        .wait()
        .test.selected( getText("Yes") )
        .success( newText("Hurray!").print() )
        .failure( newText("Too bad...").print() )
    ,
    newButton("Next").print().wait()
)

Jeremy