Millisecond Forums

Survey Page: Image disappears when Finish button clicked if required questions not answered

https://forums.millisecond.com/Topic25299.aspx

By ArifahAd - 7/19/2018

Hi, I am a newbie and have created a Survey Page which shows 3 images in sequence each with 5 slider questions that are all set to Required. If the user misses a question and clicks Next (which is actually the Finish button), the page doesn't move on but the image disappears.  It needs to stay so the user can see it while they answer the questions.

Any help would be most appreciated, this is the code:

***Images***
<item RobotsAnthro>
/1 = "Robot1.jpg"
/2 = "Robot2.jpg"
/3 = "Robot3.jpg"
</item>

***Stimuli***
<picture RobotAnthro>
/items = RobotsAnthro
/select = sequence
/position = (70%, 40%)
/size = (50%, 50%)
</picture>

*** Question sliders -  just the first one as an example ***
<slider q1>
/caption = "(*required)"
/labels=("Fake", "Natural")
/range = (1, 5)
/increment = 1
/showticks = true
/slidersize = (30, 20)
/position = (10, 20)
/defaultresponse = 0
/required = true
</slider>

** Survey Page - shows the image stimulus and the 5 sliders **
<surveypage ManipulationAnthro>
/ stimulustimes = [0=RobotAnthro]
/ caption = "Rate your impression of the robot on each of these scales:"
/ questions=[1= q1, q2, q3, q4, q5]
/ showbackbutton=false
/ finishlabel="Next"
/ showquestionnumbers = false
/ showpagenumbers = false
</surveypage>

*** Block - calls the survey page ***
<block ManipulationBlockAnthro>
/ trials = [1-3=sequence(ManipulationAnthro)]
</block>
By ArifahAd - 7/19/2018

ArifahAd - Thursday, July 19, 2018
Hi, I am a newbie and have created a Survey Page which shows 3 images in sequence each with 5 slider questions that are all set to Required. If the user misses a question and clicks Next (which is actually the Finish button), the page doesn't move on but the image disappears.  It needs to stay so the user can see it while they answer the questions.

Any help would be most appreciated, this is the code:

***Images***
<item RobotsAnthro>
/1 = "Robot1.jpg"
/2 = "Robot2.jpg"
/3 = "Robot3.jpg"
</item>

***Stimuli***
<picture RobotAnthro>
/items = RobotsAnthro
/select = sequence
/position = (70%, 40%)
/size = (50%, 50%)
</picture>

*** Question sliders -  just the first one as an example ***
<slider q1>
/caption = "(*required)"
/labels=("Fake", "Natural")
/range = (1, 5)
/increment = 1
/showticks = true
/slidersize = (30, 20)
/position = (10, 20)
/defaultresponse = 0
/required = true
</slider>

** Survey Page - shows the image stimulus and the 5 sliders **
<surveypage ManipulationAnthro>
/ stimulustimes = [0=RobotAnthro]
/ caption = "Rate your impression of the robot on each of these scales:"
/ questions=[1= q1, q2, q3, q4, q5]
/ showbackbutton=false
/ finishlabel="Next"
/ showquestionnumbers = false
/ showpagenumbers = false
</surveypage>

*** Block - calls the survey page ***
<block ManipulationBlockAnthro>
/ trials = [1-3=sequence(ManipulationAnthro)]
</block>

Forgot to say - one solution would be to disable the Next / Finish button until the questions are all answered, but I am not sure how to do this either.
By Dave - 7/19/2018

ArifahAd - Thursday, July 19, 2018
ArifahAd - Thursday, July 19, 2018
Hi, I am a newbie and have created a Survey Page which shows 3 images in sequence each with 5 slider questions that are all set to Required. If the user misses a question and clicks Next (which is actually the Finish button), the page doesn't move on but the image disappears.  It needs to stay so the user can see it while they answer the questions.

Any help would be most appreciated, this is the code:

***Images***
<item RobotsAnthro>
/1 = "Robot1.jpg"
/2 = "Robot2.jpg"
/3 = "Robot3.jpg"
</item>

***Stimuli***
<picture RobotAnthro>
/items = RobotsAnthro
/select = sequence
/position = (70%, 40%)
/size = (50%, 50%)
</picture>

*** Question sliders -  just the first one as an example ***
<slider q1>
/caption = "(*required)"
/labels=("Fake", "Natural")
/range = (1, 5)
/increment = 1
/showticks = true
/slidersize = (30, 20)
/position = (10, 20)
/defaultresponse = 0
/required = true
</slider>

** Survey Page - shows the image stimulus and the 5 sliders **
<surveypage ManipulationAnthro>
/ stimulustimes = [0=RobotAnthro]
/ caption = "Rate your impression of the robot on each of these scales:"
/ questions=[1= q1, q2, q3, q4, q5]
/ showbackbutton=false
/ finishlabel="Next"
/ showquestionnumbers = false
/ showpagenumbers = false
</surveypage>

*** Block - calls the survey page ***
<block ManipulationBlockAnthro>
/ trials = [1-3=sequence(ManipulationAnthro)]
</block>

Forgot to say - one solution would be to disable the Next / Finish button until the questions are all answered, but I am not sure how to do this either.

If you need to display images on a surveypage and want them to stay on, you should use <image> elements displayed via the page's /questions attribute, not <picture> elements displayed via /stimulusframes. See e.g. https://www.millisecond.com/forums/Topic15229.aspx#bm15230
By ArifahAd - 7/22/2018

Dave - Thursday, July 19, 2018
ArifahAd - Thursday, July 19, 2018
ArifahAd - Thursday, July 19, 2018
Hi, I am a newbie and have created a Survey Page which shows 3 images in sequence each with 5 slider questions that are all set to Required. If the user misses a question and clicks Next (which is actually the Finish button), the page doesn't move on but the image disappears.  It needs to stay so the user can see it while they answer the questions.

Any help would be most appreciated, this is the code:

***Images***
<item RobotsAnthro>
/1 = "Robot1.jpg"
/2 = "Robot2.jpg"
/3 = "Robot3.jpg"
</item>

***Stimuli***
<picture RobotAnthro>
/items = RobotsAnthro
/select = sequence
/position = (70%, 40%)
/size = (50%, 50%)
</picture>

*** Question sliders -  just the first one as an example ***
<slider q1>
/caption = "(*required)"
/labels=("Fake", "Natural")
/range = (1, 5)
/increment = 1
/showticks = true
/slidersize = (30, 20)
/position = (10, 20)
/defaultresponse = 0
/required = true
</slider>

** Survey Page - shows the image stimulus and the 5 sliders **
<surveypage ManipulationAnthro>
/ stimulustimes = [0=RobotAnthro]
/ caption = "Rate your impression of the robot on each of these scales:"
/ questions=[1= q1, q2, q3, q4, q5]
/ showbackbutton=false
/ finishlabel="Next"
/ showquestionnumbers = false
/ showpagenumbers = false
</surveypage>

*** Block - calls the survey page ***
<block ManipulationBlockAnthro>
/ trials = [1-3=sequence(ManipulationAnthro)]
</block>

Forgot to say - one solution would be to disable the Next / Finish button until the questions are all answered, but I am not sure how to do this either.

If you need to display images on a surveypage and want them to stay on, you should use <image> elements displayed via the page's /questions attribute, not <picture> elements displayed via /stimulusframes. See e.g. https://www.millisecond.com/forums/Topic15229.aspx#bm15230

Thanks for that :)
I had to have both Picture via frames and Image via questions as per the example you gave in order to get the Image displaying at all, and then set the Pic size to zero so it didn't overlay the Img version to get it working smoothly. 
Oddly the Image doesn't seem to respond to size changes - I had to set a size for it to display at all but the actual size remains the same no matter the settings.

Arifah

By Dave - 7/23/2018

ArifahAd - Sunday, July 22, 2018
Dave - Thursday, July 19, 2018
ArifahAd - Thursday, July 19, 2018
ArifahAd - Thursday, July 19, 2018
Hi, I am a newbie and have created a Survey Page which shows 3 images in sequence each with 5 slider questions that are all set to Required. If the user misses a question and clicks Next (which is actually the Finish button), the page doesn't move on but the image disappears.  It needs to stay so the user can see it while they answer the questions.

Any help would be most appreciated, this is the code:

***Images***
<item RobotsAnthro>
/1 = "Robot1.jpg"
/2 = "Robot2.jpg"
/3 = "Robot3.jpg"
</item>

***Stimuli***
<picture RobotAnthro>
/items = RobotsAnthro
/select = sequence
/position = (70%, 40%)
/size = (50%, 50%)
</picture>

*** Question sliders -  just the first one as an example ***
<slider q1>
/caption = "(*required)"
/labels=("Fake", "Natural")
/range = (1, 5)
/increment = 1
/showticks = true
/slidersize = (30, 20)
/position = (10, 20)
/defaultresponse = 0
/required = true
</slider>

** Survey Page - shows the image stimulus and the 5 sliders **
<surveypage ManipulationAnthro>
/ stimulustimes = [0=RobotAnthro]
/ caption = "Rate your impression of the robot on each of these scales:"
/ questions=[1= q1, q2, q3, q4, q5]
/ showbackbutton=false
/ finishlabel="Next"
/ showquestionnumbers = false
/ showpagenumbers = false
</surveypage>

*** Block - calls the survey page ***
<block ManipulationBlockAnthro>
/ trials = [1-3=sequence(ManipulationAnthro)]
</block>

Forgot to say - one solution would be to disable the Next / Finish button until the questions are all answered, but I am not sure how to do this either.

If you need to display images on a surveypage and want them to stay on, you should use <image> elements displayed via the page's /questions attribute, not <picture> elements displayed via /stimulusframes. See e.g. https://www.millisecond.com/forums/Topic15229.aspx#bm15230

Thanks for that :)
I had to have both Picture via frames and Image via questions as per the example you gave in order to get the Image displaying at all, and then set the Pic size to zero so it didn't overlay the Img version to get it working smoothly. 
Oddly the Image doesn't seem to respond to size changes - I had to set a size for it to display at all but the actual size remains the same no matter the settings.

Arifah


Make sure you're using the /imagesize attribute in your <image> elements, not the /size attribute.
By ArifahAd - 7/23/2018

Dave - Monday, July 23, 2018
ArifahAd - Sunday, July 22, 2018
Dave - Thursday, July 19, 2018
ArifahAd - Thursday, July 19, 2018
ArifahAd - Thursday, July 19, 2018
Hi, I am a newbie and have created a Survey Page which shows 3 images in sequence each with 5 slider questions that are all set to Required. If the user misses a question and clicks Next (which is actually the Finish button), the page doesn't move on but the image disappears.  It needs to stay so the user can see it while they answer the questions.

Any help would be most appreciated, this is the code:

***Images***
<item RobotsAnthro>
/1 = "Robot1.jpg"
/2 = "Robot2.jpg"
/3 = "Robot3.jpg"
</item>

***Stimuli***
<picture RobotAnthro>
/items = RobotsAnthro
/select = sequence
/position = (70%, 40%)
/size = (50%, 50%)
</picture>

*** Question sliders -  just the first one as an example ***
<slider q1>
/caption = "(*required)"
/labels=("Fake", "Natural")
/range = (1, 5)
/increment = 1
/showticks = true
/slidersize = (30, 20)
/position = (10, 20)
/defaultresponse = 0
/required = true
</slider>

** Survey Page - shows the image stimulus and the 5 sliders **
<surveypage ManipulationAnthro>
/ stimulustimes = [0=RobotAnthro]
/ caption = "Rate your impression of the robot on each of these scales:"
/ questions=[1= q1, q2, q3, q4, q5]
/ showbackbutton=false
/ finishlabel="Next"
/ showquestionnumbers = false
/ showpagenumbers = false
</surveypage>

*** Block - calls the survey page ***
<block ManipulationBlockAnthro>
/ trials = [1-3=sequence(ManipulationAnthro)]
</block>

Forgot to say - one solution would be to disable the Next / Finish button until the questions are all answered, but I am not sure how to do this either.

If you need to display images on a surveypage and want them to stay on, you should use <image> elements displayed via the page's /questions attribute, not <picture> elements displayed via /stimulusframes. See e.g. https://www.millisecond.com/forums/Topic15229.aspx#bm15230

Thanks for that :)
I had to have both Picture via frames and Image via questions as per the example you gave in order to get the Image displaying at all, and then set the Pic size to zero so it didn't overlay the Img version to get it working smoothly. 
Oddly the Image doesn't seem to respond to size changes - I had to set a size for it to display at all but the actual size remains the same no matter the settings.

Arifah


Make sure you're using the /imagesize attribute in your <image> elements, not the /size attribute.

Ah ok - thanks again :)