Slider Orientation and HTMLpage scaling over Inquisit Web (Player)


Author
Message
Throughput
Throughput
Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)
Group: Forum Members
Posts: 7, Visits: 37
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
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: 98K
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

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.
Edited 4 Years Ago by Dave
Throughput
Throughput
Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)
Group: Forum Members
Posts: 7, Visits: 37
Dave - 11/13/2020
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

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.
Throughput
Throughput
Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)Associate Member (149 reputation)
Group: Forum Members
Posts: 7, Visits: 37
Dave - 11/13/2020
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

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
Attachments
stop_and_wait_screen.png (166 views, 30.00 KB)
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: 98K
Throughput - 11/14/2020
Dave - 11/13/2020
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

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>

GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Reading This Topic

Explore
Messages
Mentions
Search