How to ensure that the text in /caption is displayed in full?


Author
Message
EN
EN
New Member (14 reputation)New Member (14 reputation)New Member (14 reputation)New Member (14 reputation)New Member (14 reputation)New Member (14 reputation)New Member (14 reputation)New Member (14 reputation)New Member (14 reputation)
Group: Forum Members
Posts: 9, Visits: 62
Hello:
I have noticed that the text in <surveypage> /caption gets truncated depending on the screen size so I'm looking for a way to ensure that the text is always displayed in full.
 (We are planning to run this on Inquisit Web).

For instance, in the screenshot attached, the lower half of the last sentence is getting cut (added a red rectangle for emphasis). Depending on the size of the text inside caption, the last few sentences don't get to be displayed at all on my 14-inch macbook (likewise, on a 11-inch ipad). However, when I run the same code using a 24-inch monitor, most of the text is displayed in full. 

I attached below excerpts of the code that is being used to generate the screen in the attached screenshot (the text under /caption may not display correctly because it is in Japanese...).

If you have any suggestions on how tackle this problem, would love to hear. I read in another post about using /text in combination with /stimulusframes but I'm not sure how they could be used to make sure that the text is always displayed in full regardless of screen size.

Thank you very much in advance,

E.



<defaults>
/ fontstyle = ("Arial", 2.50%, false, false, false, false, 5, 1)
/ canvassize = (100%,100%)
/ halign = center
</defaults>

<surveypage test_stage1>
    / caption = "最初に、場面に関する全体的な記述が表示されます。今回の練習では、最初の文章は以下の通りになります:<br><br>
<i>あなたは体調が悪いと感じています。</i><br><br>
この文章を読んだら、あなたのこの「事実」について、以下の説明候補文の良さをそれぞれ評価していただきます。<br>
各説明候補文を単体として評価してください(例えば、素晴らしい説明は1つ以上あるかもしれませんし、複数の説明が正しいかもしれません)。<br><br>"
    / questions = [1-4=noreplace(test_stat1, test_stat2)]
</surveypage>

<radiobuttons test_stat1>
/ caption="あなたはインフルエンザにかかっています。"
/ options=("悪い~n説明", " ", " ", " ", " ", " ", " ", "あり得る~n説明", " ", " ", " ", " ", " ", "良い~n説明", " ", " ", " ", " ", " ", " ", "優れた~n説明")
/ optionvalues = ("1", "2", "3", "4","5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21")
/ required = true
/ orientation = horizontalequal
</radiobuttons>

<radiobuttons test_stat2>
/ caption="あなたは飲み過ぎました。"
/ options=("悪い~n説明", " ", " ", " ", " ", " ", " ", "あり得る~n説明", " ", " ", " ", " ", " ", "良い~n説明", " ", " ", " ", " ", " ", " ", "優れた~n説明")
/ optionvalues = ("1", "2", "3", "4","5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21")
/ required = true
/ orientation = horizontalequal
</radiobuttons>




Dave
Dave
Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)
Group: Administrators
Posts: 12K, Visits: 101K
EN - 6/27/2024
Hello:
I have noticed that the text in <surveypage> /caption gets truncated depending on the screen size so I'm looking for a way to ensure that the text is always displayed in full.
 (We are planning to run this on Inquisit Web).

For instance, in the screenshot attached, the lower half of the last sentence is getting cut (added a red rectangle for emphasis). Depending on the size of the text inside caption, the last few sentences don't get to be displayed at all on my 14-inch macbook (likewise, on a 11-inch ipad). However, when I run the same code using a 24-inch monitor, most of the text is displayed in full. 

I attached below excerpts of the code that is being used to generate the screen in the attached screenshot (the text under /caption may not display correctly because it is in Japanese...).

If you have any suggestions on how tackle this problem, would love to hear. I read in another post about using /text in combination with /stimulusframes but I'm not sure how they could be used to make sure that the text is always displayed in full regardless of screen size.

Thank you very much in advance,

E.



<defaults>
/ fontstyle = ("Arial", 2.50%, false, false, false, false, 5, 1)
/ canvassize = (100%,100%)
/ halign = center
</defaults>

<surveypage test_stage1>
    / caption = "最初に、場面に関する全体的な記述が表示されます。今回の練習では、最初の文章は以下の通りになります:<br><br>
<i>あなたは体調が悪いと感じています。</i><br><br>
この文章を読んだら、あなたのこの「事実」について、以下の説明候補文の良さをそれぞれ評価していただきます。<br>
各説明候補文を単体として評価してください(例えば、素晴らしい説明は1つ以上あるかもしれませんし、複数の説明が正しいかもしれません)。<br><br>"
    / questions = [1-4=noreplace(test_stat1, test_stat2)]
</surveypage>

<radiobuttons test_stat1>
/ caption="あなたはインフルエンザにかかっています。"
/ options=("悪い~n説明", " ", " ", " ", " ", " ", " ", "あり得る~n説明", " ", " ", " ", " ", " ", "良い~n説明", " ", " ", " ", " ", " ", " ", "優れた~n説明")
/ optionvalues = ("1", "2", "3", "4","5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21")
/ required = true
/ orientation = horizontalequal
</radiobuttons>

<radiobuttons test_stat2>
/ caption="あなたは飲み過ぎました。"
/ options=("悪い~n説明", " ", " ", " ", " ", " ", " ", "あり得る~n説明", " ", " ", " ", " ", " ", "良い~n説明", " ", " ", " ", " ", " ", " ", "優れた~n説明")
/ optionvalues = ("1", "2", "3", "4","5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21")
/ required = true
/ orientation = horizontalequal
</radiobuttons>




Layout that works well across a wide array of different devices can be difficult to get right. Things that are useful:
(1) Use /canvasaspectratio.
https://www.millisecond.com/support/docs/current/html/language/attributes/canvasaspectratio.htm
(2) Use <caption> elements instead of a page's /caption. Explicitly /position and /size in percentages as needed.
https://www.millisecond.com/support/docs/current/html/language/elements/caption.htm
(3) Explicitly size and position any question elements, too, as well as other things like the navigation buttons.
https://www.millisecond.com/support/docs/current/html/language/attributes/navigationbuttonsize.htm
https://www.millisecond.com/support/docs/current/html/language/attributes/canvasaspectratio.htm
(4) Test across as wide a variety of devices as possible and iterate layout improvements.

GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Reading This Topic

Explore
Messages
Mentions
Search