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


Survey Page: Image disappears when Finish button clicked if required...
Author
Message
ArifahAd
ArifahAd
Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)
Group: Forum Members
Posts: 16, Visits: 52
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>

ArifahAd
ArifahAd
Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)
Group: Forum Members
Posts: 16, Visits: 52
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.
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
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

ArifahAd
ArifahAd
Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)
Group: Forum Members
Posts: 16, Visits: 52
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


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
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.

ArifahAd
ArifahAd
Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)Expert (1.4K reputation)
Group: Forum Members
Posts: 16, Visits: 52
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 :)
GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Reading This Topic

Explore
Messages
Mentions
Search