Hi Nianpo,
The answers do appear on the same line for me, in the sense that the three buttons are horizontally aligned. The text of the last answer, however, indeed overflows its box and uses multiple lines. When you use the AcceptabilityJudgment controller, Ibex simply passes your options to a Question controller to render the second part. And when you set the presentAsScale option to true, it gives the li HTML elements that contains the answers the Question-scale-box class. The file Question.css (in Aesthetics) has these rules:
li.scale-box {
float: left;
list-style: none;
margin-left: 0;
padding-left: 0;
margin-right: 1em;
padding-right: 0;
border: 1px #9ea4b1 solid;
width: 2em;
height: 2em;
padding-top: 0.5em;
text-align: center;
}My suggestion is you replace width with min-width and height with min-height: this way, the numbered answers of the first part of the controller will still be rendered as 2em*2em boxes, but the answers of the second part will be able to expand if needed
Jeremy