By MelanieHelvick - 2/20/2020
We are creating a web study and are having issues for a slider element being cut off on one end. It is not being cutoff on any desktops (Mac and Windows) and is working on a smaller Windows laptop, but is being cut off on the right edge of Mac laptops of a comparable size. I have tried a default element:
<defaults>
/ canvassize=(80%, 80%)
/ canvasaspectratio=(16, 9)
/ canvasposition=(50%, 50%)
</defaults>
I have also tried changing the size of the slider itself, but it remains cutoff. In addition, the continue button is missing when this happens.
Here's a screenshot:
Thanks for your help.
|
By Dave - 2/20/2020
+xWe are creating a web study and are having issues for a slider element being cut off on one end. It is not being cutoff on any desktops (Mac and Windows) and is working on a smaller Windows laptop, but is being cut off on the right edge of Mac laptops of a comparable size. I have tried a default element: <defaults> / canvassize=(80%, 80%) / canvasaspectratio=(16, 9) / canvasposition=(50%, 50%) </defaults> I have also tried changing the size of the slider itself, but it remains cutoff. In addition, the continue button is missing when this happens. Here's a screenshot: Thanks for your help.
You'll have to adjust the size and position of the slider until it fits comfortably. The cutting off happens in part because you're restricting the canvas to 80% of the available width and height of the screen, and the slider's dimensions exceed that. To define the slider's size, use /slidersize. For positioning, keep in mind that question elements' /position on surveypages is relative to the question's left border (and top border respectively), not the question element's center. You can use line breaks in the slider's labels to save screen estate. Finally, the continue button's you can control via the surveypage's /nextbuttonposition if need be.
<slider exampleslider>
/ labels = ("Extremely
unpleasant", "Extremely
Pleasant")
/ range = (0,100)
/ slidersize = (60%, 10%)
/ position = (20%, 60%)
</slider>
<surveypage examplepage>
/ questions = [1=exampleslider]
/ showpagenumbers = false
/ showquestionnumbers = false
/ showbackbutton = false
/ nextbuttonposition = (45%, 90%)
/ navigationbuttonsize = (10%, 5%)
</surveypage>
|
|