Two question on the same screen | XM Community
Skip to main content
Solved

Two question on the same screen

  • December 9, 2018
  • 3 replies
  • 146 views
D
Hi all. I wish to create a page which on the left side the participant can see a scroll down text (descriptive question) and on the left side, he sees a randomly changing image. is it possible to create such a page with the survey tool? Thank you, david

Best answer by SaurabhPujare_Ugam

Hi @David1980 , With addition to above two answers: Add following code in HTML view of your question and change accordingly <div style="float:right;width:50%;background-color:blue;overflow:auto;"> <img src="https://edit.co.uk/uploads/2016/12/Image-1-Alternatives-to-stock-photography-Thinkstock.jpg"> </div> <div style="float:left;width:50%;background-color:red;height: 290px;overflow:scroll;">Text on leftText on leftText o<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> </div>

    3 replies

    A
    • Anonymous
    • December 10, 2018
    Hello @David1980 , Using cutom code in Rich content editor -> "<>" source view we can design such question using HTML, CSS.
    fleb
    fleb
    Level 3 ●●●
    Forum|alt.badge.img+6
    • fleb
    • Level 3 ●●●
    • December 18, 2018
    And you can use Loop & Merge with URLs of your images to get your changing image.
    SaurabhPujare_Ugam
    QPN Level 5 ●●●●●
    Forum|alt.badge.img+18
    • SaurabhPujare_Ugam
    • QPN Level 5 ●●●●●
    • Answer
    • January 24, 2019
    Hi @David1980 , With addition to above two answers: Add following code in HTML view of your question and change accordingly <div style="float:right;width:50%;background-color:blue;overflow:auto;"> <img src="https://edit.co.uk/uploads/2016/12/Image-1-Alternatives-to-stock-photography-Thinkstock.jpg"> </div> <div style="float:left;width:50%;background-color:red;height: 290px;overflow:scroll;">Text on leftText on leftText o<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> </div>
    Best, Saurabh
    D
    R
    Terms & ConditionsAccessibility statement