Choice Layout: Left aligned and Right Aligned text on same line | Experience Community
Skip to main content

Choice Layout: Left aligned and Right Aligned text on same line

  • February 15, 2023
  • 3 replies
  • 329 views
M
Forum|alt.badge.img+1

I want the choices to a particular question to appear like the hotel listings on an aggregator (Ex: Expedia).
Specifically, I am looking for an option where I can have text (like Hotel name) left aligned and other text (like price) right aligned on the same line. The following image is an example of what I want the choices to look like.
image.png1, How do I get both left aligned and right aligned text on the same line in a choice? (I tried inserting a table with 2 columns - which kind of works, but then the mobile view of the choice requires scrolling to the right).
2. How do I get rid of the choice bubble - I just want the choice to be clickable, without the choice radio button.
3. Is there an easy way to outline the choice (as in this example with a small brown margin)?
4. Can I add a small image on the left of each choice, as above, with the size automatically adjusted to match the height of the choice option?

Thanks!!

3 replies

qualtrics_nerd
Level 5 ●●●●●
Forum|alt.badge.img+19
  • qualtrics_nerd
  • Level 5 ●●●●●
  • February 15, 2023

Hi ms15 ,
You can achieve the " How do I get both left aligned and right aligned text on the same line in a choice? (I tried inserting a table with 2 columns - which kind of works, but then the mobile view of the choice requires scrolling to the right)." and outline with brown margin by using below method:

  1. Put your choice text into below format inside the HTML tab using Rich content Editor






Hotel Royal Inn

Fully Refundable



$199

Includes taxes and fees







image.png
2.Apply below CSS using HTML tab using Rich Content Editor of Question





image.png
To achieve "How do I get rid of the choice bubble - I just want the choice to be clickable, without the choice radio button." you can set layout to be classic from Look and feel menu.
image.pnghope this resolves your query😊!!!

M
Forum|alt.badge.img+1
  • ms15
  • Author
  • February 16, 2023

https://community.qualtrics.com/XMcommunity/discussion/comment/55489#Comment_55489Thanks, this looks super helpful! Will just try it.
Quick question regarding the layout - is it possible to change it only for 1 question? IE, have the regular radio buttons for the remaining Qs but change it to the classic layout for just 1 question?
Thanks again!

qualtrics_nerd
Level 5 ●●●●●
Forum|alt.badge.img+19
  • qualtrics_nerd
  • Level 5 ●●●●●
  • February 16, 2023

Hi ms15 ,
If you apply at particular question then it will work on that only.
But for below point :
"2. How do I get rid of the choice bubble - I just want the choice to be clickable, without the choice radio button."
since this change is operated by survey layout so this will affect questions in whole survey.



Terms & ConditionsAccessibility statement