By Throughput - 11/13/2020
Hi All-
Thanks in advance for any assistance. I have two issues that have eluded my lack of intelligence for weeks. One at a time:
1. I cannot figure out how to get this basic slider script to gyroscopically orient to a horizontal position on handheld devices when accessing via Player (now 6.3.1). The Apple iPad, Apple iPhone, Android tablet and Android cell phone will not orient horizontally. Windows desktop has no issue orienting horizontally through Player 6.
<data>
/ separatefiles = false
/ columns = (build, computer.platform, date, time, subject, group)
</data>
***********************
summary data file
***********************
<summarydata>
/columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform)
/ separatefiles = false
</summarydata>
<survey 014_VAS_Baseline_Only>
/ pages = [1=sequence(014_VAS_Baseline_Only1)]
/ fontstyle = ("Arial", 2%, true, false, false, false, 5, 0)
/ subcaptionfontstyle = ("Arial", .5%, false, false, false, false, 5, 0)
/ responsefontstyle = ("Arial", 2%, false, false, false, false, 5, 0)
/ showpagenumbers = false
/ showquestionnumbers = false
/ showbackbutton = false
/ navigationbuttonfontstyle = ("Arial", 1.75%, false, false, false, false, 5, 0)
/ nextbuttonposition = (48, 88)
</survey>
<surveypage 014_VAS_Baseline_Only1>
/ questions = [1=sequence(symptoms, crave)]
</surveypage>
<slider symptoms>
/ caption = "Are you feeling withdrawal symptoms right now?"
/ subcaption = " "
/ position = (25%, 10%)
/ labels = ("Not at all", "Extremely")
/ showticks = false
/ range = (0, 100)
/ increment = 1
/ slidersize = (50%, 3%)
/ required = true
</slider>
<slider crave>
/ caption = "Do you crave more opioids (like heroin or oxycodone) right now?"
/ subcaption = " "
/ position = (25%, 25%)
/ labels = ("Not at all", "Extremely")
/ showticks = false
/ range = (0, 100)
/ increment = 1
/ slidersize = (50%, 3%)
/ required = true
</slider>
2. This htmlpage looks great on Windows desktops and the Apple iPad but there is no proportional scaling on the Android tablet and cell phone.
**************************************************************************************************************
**************************************************************************************************************
EDITABLE PARAMETERS: change editable parameters here
**************************************************************************************************************
**************************************************************************************************************
<parameters>
/ responseKey = 57
/ responseKey_label = "Spacebar"
</parameters>
**************************************************************************************************************
**************************************************************************************************************
EDITABLE INSTRUCTIONS: change instructions here
**************************************************************************************************************
**************************************************************************************************************
<instruct>
/ fontstyle = ("Arial", 3.5%, true, false, false, false, 5, 1)
/ txcolor = black
/ screencolor = white
/ windowsize = (100%, 100%)
</instruct>
<htmlpage intro1>
/ file = "stop_and_wait_screen.htm"
</htmlpage>
**************************************************************************************************************
**************************************************************************************************************
DEFAULTS
**************************************************************************************************************
**************************************************************************************************************
script requires Inquisit 5.0.9.0 or higher
<defaults>
/ canvasaspectratio = (4,3)
/ minimumversion = "5.0.9.0"
/ fontstyle = ("Arial", 3%, false, false, false, false, 5, 1)
/ txbgcolor = white
/ txcolor = black
/ screencolor = white
</defaults>
**************************************************************************************************************
**************************************************************************************************************
DATA
**************************************************************************************************************
**************************************************************************************************************
***********************
raw data file
***********************
<data>
/ separatefiles = true
/ columns = (build, computer.platform, date, time, subject, group)
</data>
***********************
summary data file
***********************
<summarydata>
/ columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform)
/ separatefiles = true
</summarydata>
**************************************************************************************************************
**************************************************************************************************************
BLOCKS
**************************************************************************************************************
**************************************************************************************************************
<block taskStart>
/ preinstructions = (intro1)
</block>
**************************************************************************************************************
End of File
**************************************************************************************************************
Thanks again,
Rich
|
By Dave - 11/13/2020
+xHi All- Thanks in advance for any assistance. I have two issues that have eluded my lack of intelligence for weeks. One at a time: 1. I cannot figure out how to get this basic slider script to gyroscopically orient to a horizontal position on handheld devices when accessing via Player (now 6.3.1). The Apple iPad, Apple iPhone, Android tablet and Android cell phone will not orient horizontally. Windows desktop has no issue orienting horizontally through Player 6. <data> / separatefiles = false / columns = (build, computer.platform, date, time, subject, group) </data> *********************** summary data file *********************** <summarydata> /columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform) / separatefiles = false </summarydata> <survey 014_VAS_Baseline_Only> / pages = [1=sequence(014_VAS_Baseline_Only1)] / fontstyle = ("Arial", 2%, true, false, false, false, 5, 0) / subcaptionfontstyle = ("Arial", .5%, false, false, false, false, 5, 0) / responsefontstyle = ("Arial", 2%, false, false, false, false, 5, 0) / showpagenumbers = false / showquestionnumbers = false / showbackbutton = false / navigationbuttonfontstyle = ("Arial", 1.75%, false, false, false, false, 5, 0) / nextbuttonposition = (48, 88) </survey> <surveypage 014_VAS_Baseline_Only1> / questions = [1=sequence(symptoms, crave)] </surveypage> <slider symptoms> / caption = "Are you feeling withdrawal symptoms right now?" / subcaption = " " / position = (25%, 10%) / labels = ("Not at all", "Extremely") / showticks = false / range = (0, 100) / increment = 1 / slidersize = (50%, 3%) / required = true </slider> <slider crave> / caption = "Do you crave more opioids (like heroin or oxycodone) right now?" / subcaption = " " / position = (25%, 25%) / labels = ("Not at all", "Extremely") / showticks = false / range = (0, 100) / increment = 1 / slidersize = (50%, 3%) / required = true </slider> 2. This htmlpage looks great on Windows desktops and the Apple iPad but there is no proportional scaling on the Android tablet and cell phone. ************************************************************************************************************** ************************************************************************************************************** EDITABLE PARAMETERS: change editable parameters here ************************************************************************************************************** ************************************************************************************************************** <parameters> / responseKey = 57 / responseKey_label = "Spacebar" </parameters> ************************************************************************************************************** ************************************************************************************************************** EDITABLE INSTRUCTIONS: change instructions here ************************************************************************************************************** ************************************************************************************************************** <instruct> / fontstyle = ("Arial", 3.5%, true, false, false, false, 5, 1) / txcolor = black / screencolor = white / windowsize = (100%, 100%) </instruct> <htmlpage intro1> / file = "stop_and_wait_screen.htm" </htmlpage> ************************************************************************************************************** ************************************************************************************************************** DEFAULTS ************************************************************************************************************** ************************************************************************************************************** script requires Inquisit 5.0.9.0 or higher <defaults> / canvasaspectratio = (4,3) / minimumversion = "5.0.9.0" / fontstyle = ("Arial", 3%, false, false, false, false, 5, 1) / txbgcolor = white / txcolor = black / screencolor = white </defaults> ************************************************************************************************************** ************************************************************************************************************** DATA ************************************************************************************************************** ************************************************************************************************************** *********************** raw data file *********************** <data> / separatefiles = true / columns = (build, computer.platform, date, time, subject, group) </data> *********************** summary data file *********************** <summarydata> / columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform) / separatefiles = true </summarydata> ************************************************************************************************************** ************************************************************************************************************** BLOCKS ************************************************************************************************************** ************************************************************************************************************** <block taskStart> / preinstructions = (intro1) </block> ************************************************************************************************************** End of File ************************************************************************************************************** Thanks again, Rich
Re. #1, you may have to explicitly specify the canvas. I.e.
<defaults>
/ canvasaspectratio = (3,4)
</defaults>
or
<defaults>
/ canvassize = (99%,100%)
</defaults>
if you want portrait orientation on iPad, iPhone, etc, and
<defaults>
/ canvasaspectratio = (4,3)
</defaults>
or
<defaults>
/ canvassize = (100%,99%)
</defaults>
if you want landscape orientation
Re. #2, not sure how to say anything about that without the actual HTML page.
|
By Throughput - 11/13/2020
+x+xHi All- Thanks in advance for any assistance. I have two issues that have eluded my lack of intelligence for weeks. One at a time: 1. I cannot figure out how to get this basic slider script to gyroscopically orient to a horizontal position on handheld devices when accessing via Player (now 6.3.1). The Apple iPad, Apple iPhone, Android tablet and Android cell phone will not orient horizontally. Windows desktop has no issue orienting horizontally through Player 6. <data> / separatefiles = false / columns = (build, computer.platform, date, time, subject, group) </data> *********************** summary data file *********************** <summarydata> /columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform) / separatefiles = false </summarydata> <survey 014_VAS_Baseline_Only> / pages = [1=sequence(014_VAS_Baseline_Only1)] / fontstyle = ("Arial", 2%, true, false, false, false, 5, 0) / subcaptionfontstyle = ("Arial", .5%, false, false, false, false, 5, 0) / responsefontstyle = ("Arial", 2%, false, false, false, false, 5, 0) / showpagenumbers = false / showquestionnumbers = false / showbackbutton = false / navigationbuttonfontstyle = ("Arial", 1.75%, false, false, false, false, 5, 0) / nextbuttonposition = (48, 88) </survey> <surveypage 014_VAS_Baseline_Only1> / questions = [1=sequence(symptoms, crave)] </surveypage> <slider symptoms> / caption = "Are you feeling withdrawal symptoms right now?" / subcaption = " " / position = (25%, 10%) / labels = ("Not at all", "Extremely") / showticks = false / range = (0, 100) / increment = 1 / slidersize = (50%, 3%) / required = true </slider> <slider crave> / caption = "Do you crave more opioids (like heroin or oxycodone) right now?" / subcaption = " " / position = (25%, 25%) / labels = ("Not at all", "Extremely") / showticks = false / range = (0, 100) / increment = 1 / slidersize = (50%, 3%) / required = true </slider> 2. This htmlpage looks great on Windows desktops and the Apple iPad but there is no proportional scaling on the Android tablet and cell phone. ************************************************************************************************************** ************************************************************************************************************** EDITABLE PARAMETERS: change editable parameters here ************************************************************************************************************** ************************************************************************************************************** <parameters> / responseKey = 57 / responseKey_label = "Spacebar" </parameters> ************************************************************************************************************** ************************************************************************************************************** EDITABLE INSTRUCTIONS: change instructions here ************************************************************************************************************** ************************************************************************************************************** <instruct> / fontstyle = ("Arial", 3.5%, true, false, false, false, 5, 1) / txcolor = black / screencolor = white / windowsize = (100%, 100%) </instruct> <htmlpage intro1> / file = "stop_and_wait_screen.htm" </htmlpage> ************************************************************************************************************** ************************************************************************************************************** DEFAULTS ************************************************************************************************************** ************************************************************************************************************** script requires Inquisit 5.0.9.0 or higher <defaults> / canvasaspectratio = (4,3) / minimumversion = "5.0.9.0" / fontstyle = ("Arial", 3%, false, false, false, false, 5, 1) / txbgcolor = white / txcolor = black / screencolor = white </defaults> ************************************************************************************************************** ************************************************************************************************************** DATA ************************************************************************************************************** ************************************************************************************************************** *********************** raw data file *********************** <data> / separatefiles = true / columns = (build, computer.platform, date, time, subject, group) </data> *********************** summary data file *********************** <summarydata> / columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform) / separatefiles = true </summarydata> ************************************************************************************************************** ************************************************************************************************************** BLOCKS ************************************************************************************************************** ************************************************************************************************************** <block taskStart> / preinstructions = (intro1) </block> ************************************************************************************************************** End of File ************************************************************************************************************** Thanks again, Rich Re. #1, you may have to explicitly specify the canvas. I.e. <defaults> / canvasaspectratio = (3,4) </defaults> or <defaults> / canvassize = (99%,100%) </defaults> if you want portrait orientation on iPad, iPhone, etc, and <defaults> / canvasaspectratio = (4,3) </defaults> or <defaults> / canvassize = (100%,99%) </defaults> if you want landscape orientation Re. #2, not sure how to say anything about that without the actual HTML page.
Thank you Dave! Sorry about the lack of info about htmlpage.
|
By Throughput - 11/13/2020
+x+xHi All- Thanks in advance for any assistance. I have two issues that have eluded my lack of intelligence for weeks. One at a time: 1. I cannot figure out how to get this basic slider script to gyroscopically orient to a horizontal position on handheld devices when accessing via Player (now 6.3.1). The Apple iPad, Apple iPhone, Android tablet and Android cell phone will not orient horizontally. Windows desktop has no issue orienting horizontally through Player 6. <data> / separatefiles = false / columns = (build, computer.platform, date, time, subject, group) </data> *********************** summary data file *********************** <summarydata> /columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform) / separatefiles = false </summarydata> <survey 014_VAS_Baseline_Only> / pages = [1=sequence(014_VAS_Baseline_Only1)] / fontstyle = ("Arial", 2%, true, false, false, false, 5, 0) / subcaptionfontstyle = ("Arial", .5%, false, false, false, false, 5, 0) / responsefontstyle = ("Arial", 2%, false, false, false, false, 5, 0) / showpagenumbers = false / showquestionnumbers = false / showbackbutton = false / navigationbuttonfontstyle = ("Arial", 1.75%, false, false, false, false, 5, 0) / nextbuttonposition = (48, 88) </survey> <surveypage 014_VAS_Baseline_Only1> / questions = [1=sequence(symptoms, crave)] </surveypage> <slider symptoms> / caption = "Are you feeling withdrawal symptoms right now?" / subcaption = " " / position = (25%, 10%) / labels = ("Not at all", "Extremely") / showticks = false / range = (0, 100) / increment = 1 / slidersize = (50%, 3%) / required = true </slider> <slider crave> / caption = "Do you crave more opioids (like heroin or oxycodone) right now?" / subcaption = " " / position = (25%, 25%) / labels = ("Not at all", "Extremely") / showticks = false / range = (0, 100) / increment = 1 / slidersize = (50%, 3%) / required = true </slider> 2. This htmlpage looks great on Windows desktops and the Apple iPad but there is no proportional scaling on the Android tablet and cell phone. ************************************************************************************************************** ************************************************************************************************************** EDITABLE PARAMETERS: change editable parameters here ************************************************************************************************************** ************************************************************************************************************** <parameters> / responseKey = 57 / responseKey_label = "Spacebar" </parameters> ************************************************************************************************************** ************************************************************************************************************** EDITABLE INSTRUCTIONS: change instructions here ************************************************************************************************************** ************************************************************************************************************** <instruct> / fontstyle = ("Arial", 3.5%, true, false, false, false, 5, 1) / txcolor = black / screencolor = white / windowsize = (100%, 100%) </instruct> <htmlpage intro1> / file = "stop_and_wait_screen.htm" </htmlpage> ************************************************************************************************************** ************************************************************************************************************** DEFAULTS ************************************************************************************************************** ************************************************************************************************************** script requires Inquisit 5.0.9.0 or higher <defaults> / canvasaspectratio = (4,3) / minimumversion = "5.0.9.0" / fontstyle = ("Arial", 3%, false, false, false, false, 5, 1) / txbgcolor = white / txcolor = black / screencolor = white </defaults> ************************************************************************************************************** ************************************************************************************************************** DATA ************************************************************************************************************** ************************************************************************************************************** *********************** raw data file *********************** <data> / separatefiles = true / columns = (build, computer.platform, date, time, subject, group) </data> *********************** summary data file *********************** <summarydata> / columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform) / separatefiles = true </summarydata> ************************************************************************************************************** ************************************************************************************************************** BLOCKS ************************************************************************************************************** ************************************************************************************************************** <block taskStart> / preinstructions = (intro1) </block> ************************************************************************************************************** End of File ************************************************************************************************************** Thanks again, Rich Re. #1, you may have to explicitly specify the canvas. I.e. <defaults> / canvasaspectratio = (3,4) </defaults> or <defaults> / canvassize = (99%,100%) </defaults> if you want portrait orientation on iPad, iPhone, etc, and <defaults> / canvasaspectratio = (4,3) </defaults> or <defaults> / canvassize = (100%,99%) </defaults> if you want landscape orientation Re. #2, not sure how to say anything about that without the actual HTML page.
Sorry.
"stop_and_wait.htm"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NVT</title>
<style>
.center {
text-align: center;
}
.left {
text-align: left;
}
body {
background-color: white;
font-family: arial;
color:black;
font-size: 3.5vh;
}
h1 {
font-size: 5vh;
}
p {
font-size: 3.5vh;
}
p.bigger {
font-size: 4vh;
}
li {
font-size: 3.5vh;
}
.blue {
color: blue;
}
.yellow {
color: yellow;
}
.red {
color: red;
}
.green {
color: lightgreen;
}
</style>
</head>
<body>
<div class = "center">
<img src="stop_and_wait_screen.png"
</div>
</body>
</html>
Thanks,
Rich
|
By Dave - 11/15/2020
+x+x+xHi All- Thanks in advance for any assistance. I have two issues that have eluded my lack of intelligence for weeks. One at a time: 1. I cannot figure out how to get this basic slider script to gyroscopically orient to a horizontal position on handheld devices when accessing via Player (now 6.3.1). The Apple iPad, Apple iPhone, Android tablet and Android cell phone will not orient horizontally. Windows desktop has no issue orienting horizontally through Player 6. <data> / separatefiles = false / columns = (build, computer.platform, date, time, subject, group) </data> *********************** summary data file *********************** <summarydata> /columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform) / separatefiles = false </summarydata> <survey 014_VAS_Baseline_Only> / pages = [1=sequence(014_VAS_Baseline_Only1)] / fontstyle = ("Arial", 2%, true, false, false, false, 5, 0) / subcaptionfontstyle = ("Arial", .5%, false, false, false, false, 5, 0) / responsefontstyle = ("Arial", 2%, false, false, false, false, 5, 0) / showpagenumbers = false / showquestionnumbers = false / showbackbutton = false / navigationbuttonfontstyle = ("Arial", 1.75%, false, false, false, false, 5, 0) / nextbuttonposition = (48, 88) </survey> <surveypage 014_VAS_Baseline_Only1> / questions = [1=sequence(symptoms, crave)] </surveypage> <slider symptoms> / caption = "Are you feeling withdrawal symptoms right now?" / subcaption = " " / position = (25%, 10%) / labels = ("Not at all", "Extremely") / showticks = false / range = (0, 100) / increment = 1 / slidersize = (50%, 3%) / required = true </slider> <slider crave> / caption = "Do you crave more opioids (like heroin or oxycodone) right now?" / subcaption = " " / position = (25%, 25%) / labels = ("Not at all", "Extremely") / showticks = false / range = (0, 100) / increment = 1 / slidersize = (50%, 3%) / required = true </slider> 2. This htmlpage looks great on Windows desktops and the Apple iPad but there is no proportional scaling on the Android tablet and cell phone. ************************************************************************************************************** ************************************************************************************************************** EDITABLE PARAMETERS: change editable parameters here ************************************************************************************************************** ************************************************************************************************************** <parameters> / responseKey = 57 / responseKey_label = "Spacebar" </parameters> ************************************************************************************************************** ************************************************************************************************************** EDITABLE INSTRUCTIONS: change instructions here ************************************************************************************************************** ************************************************************************************************************** <instruct> / fontstyle = ("Arial", 3.5%, true, false, false, false, 5, 1) / txcolor = black / screencolor = white / windowsize = (100%, 100%) </instruct> <htmlpage intro1> / file = "stop_and_wait_screen.htm" </htmlpage> ************************************************************************************************************** ************************************************************************************************************** DEFAULTS ************************************************************************************************************** ************************************************************************************************************** script requires Inquisit 5.0.9.0 or higher <defaults> / canvasaspectratio = (4,3) / minimumversion = "5.0.9.0" / fontstyle = ("Arial", 3%, false, false, false, false, 5, 1) / txbgcolor = white / txcolor = black / screencolor = white </defaults> ************************************************************************************************************** ************************************************************************************************************** DATA ************************************************************************************************************** ************************************************************************************************************** *********************** raw data file *********************** <data> / separatefiles = true / columns = (build, computer.platform, date, time, subject, group) </data> *********************** summary data file *********************** <summarydata> / columns = (script.startdate, script.starttime, script.subjectid, script.groupid, script.elapsedtime, computer.platform) / separatefiles = true </summarydata> ************************************************************************************************************** ************************************************************************************************************** BLOCKS ************************************************************************************************************** ************************************************************************************************************** <block taskStart> / preinstructions = (intro1) </block> ************************************************************************************************************** End of File ************************************************************************************************************** Thanks again, Rich Re. #1, you may have to explicitly specify the canvas. I.e. <defaults> / canvasaspectratio = (3,4) </defaults> or <defaults> / canvassize = (99%,100%) </defaults> if you want portrait orientation on iPad, iPhone, etc, and <defaults> / canvasaspectratio = (4,3) </defaults> or <defaults> / canvassize = (100%,99%) </defaults> if you want landscape orientation Re. #2, not sure how to say anything about that without the actual HTML page. Sorry. "stop_and_wait.htm" <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>NVT</title> <style> .center { text-align: center; } .left { text-align: left; } body { background-color: white; font-family: arial; color:black; font-size: 3.5vh; } h1 { font-size: 5vh; } p { font-size: 3.5vh; } p.bigger { font-size: 4vh; } li { font-size: 3.5vh; } .blue { color: blue; } .yellow { color: yellow; } .red { color: red; } .green { color: lightgreen; } </style> </head> <body> <div class = "center"> <img src="stop_and_wait_screen.png" </div> </body> </html> Thanks, Rich
You'll want to make sure the image is actcually scaled relative to the viewport. E.g. something like this:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NVT</title>
<style>
.center {
text-align: center;
}
.left {
text-align: left;
}
body {
background-color: white;
font-family: arial;
color:black;
font-size: 3.5vh;
}
h1 {
font-size: 5vh;
}
p {
font-size: 3.5vh;
}
p.bigger {
font-size: 4vh;
}
li {
font-size: 3.5vh;
}
.blue {
color: blue;
}
.yellow {
color: yellow;
}
.red {
color: red;
}
.green {
color: lightgreen;
}
</style>
</head>
<body>
<div class = "center">
<img style="width: 80vw" src="stop_and_wait_screen.png" />
</div>
</body>
</html>
|
|