Image element leaves space on right side


Author
Message
Rob
Rob
Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)
Group: Forum Members
Posts: 6, Visits: 74
Dear members,

Whenever I try to insert a picture as background for my survey, about 10% of it on the right hand side will be cut off. On the left side it is possible to start directly on the left side of the screen. This has nothing to do with stretching the image, the image is just cut off.

I'm using the <image> element for this. The image is 1366x100 pixels and supposed to be and indicator of progress of the survey. I position it at the botton of the screen, but deleting the /position part does not change that it is cut off.

I hope someone can help me, all I found was related to inquisit 3.

Kid regards,
Rob

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: 13K, Visits: 105K
Rob - Wednesday, October 25, 2017
Dear members,

Whenever I try to insert a picture as background for my survey, about 10% of it on the right hand side will be cut off. On the left side it is possible to start directly on the left side of the screen. This has nothing to do with stretching the image, the image is just cut off.

I'm using the <image> element for this. The image is 1366x100 pixels and supposed to be and indicator of progress of the survey. I position it at the botton of the screen, but deleting the /position part does not change that it is cut off.

I hope someone can help me, all I found was related to inquisit 3.

Kid regards,
Rob

The problem ultimately boils down to the fact that survey pages and survey-question elements (including <image>), don't make use of the entire screen width.

What you can do is use a non-survey stimulus element (here: a <picture>) instead and display it via the <surveypage>s' /stimulusframes:

<survey mysurvey>
/ pages = [1=pg1; 2=pg2]
</survey>

<surveypage pg1>
/ stimulusframes = [1=bg]
/ questions = [1=q1]
</surveypage>

<surveypage pg2>
/ stimulusframes = [1=bg]
/ questions = [1=q2]
</surveypage>

<picture bg>
/ items = ("image.png")
/ position = (0%,80%)
/ halign = left
/ valign = top
</picture>


<radiobuttons q1>
/ options = ("A","B")
</radiobuttons>

Hope this helps.

<radiobuttons q2>
/ options = ("C","D")
</radiobuttons>

Rob
Rob
Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)Partner Member (653 reputation)
Group: Forum Members
Posts: 6, Visits: 74
Dave - Wednesday, October 25, 2017
Rob - Wednesday, October 25, 2017
Dear members,

Whenever I try to insert a picture as background for my survey, about 10% of it on the right hand side will be cut off. On the left side it is possible to start directly on the left side of the screen. This has nothing to do with stretching the image, the image is just cut off.

I'm using the <image> element for this. The image is 1366x100 pixels and supposed to be and indicator of progress of the survey. I position it at the botton of the screen, but deleting the /position part does not change that it is cut off.

I hope someone can help me, all I found was related to inquisit 3.

Kid regards,
Rob

The problem ultimately boils down to the fact that survey pages and survey-question elements (including <image>), don't make use of the entire screen width.

What you can do is use a non-survey stimulus element (here: a <picture>) instead and display it via the <surveypage>s' /stimulusframes:

<survey mysurvey>
/ pages = [1=pg1; 2=pg2]
</survey>

<surveypage pg1>
/ stimulusframes = [1=bg]
/ questions = [1=q1]
</surveypage>

<surveypage pg2>
/ stimulusframes = [1=bg]
/ questions = [1=q2]
</surveypage>

<picture bg>
/ items = ("image.png")
/ position = (0%,80%)
/ halign = left
/ valign = top
</picture>


<radiobuttons q1>
/ options = ("A","B")
</radiobuttons>

Hope this helps.

<radiobuttons q2>
/ options = ("C","D")
</radiobuttons>

Works perfectly, thanks a ton!

GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Reading This Topic

Explore
Messages
Mentions
Search