Survey123 Required Asterick Posting Below Question Label

JepchumbaKoech · ‎08-22-2023

Hi everyone, I'm designing a survey and the asterisk for the required questions keeps posting in a new row, below the text for each question. I'm using an XLS form and I have html formatting throughout the spreadsheet. Has anyone else run into this problem? This issue doesn't show up in Survey123 Connect, but when I go to publish the survey, the asterisk is in a new row.

image of how it looks online:

label:

how it looks in Survey123 Connect:

Thanks in advance!

abureaux · ‎08-23-2023

I find this happens more when you have multiple DIV tags. Maybe it's because you are online that it is acting differently.

The fix I have used in the past is swap the DIV for SPAN tags. May work for you too.

View solution in original post

JamesTedrick · ‎08-23-2023

To amplify on @abureaux 's advice:

<div> tags are normally displayed as block content, which means that the content following is placed in a new line after the <div> by default. Conversely, <span> is an inline content tag, which means that it won't place a new line afterward. If you still wanted to use a div, having the display: inline style property will change the behavior to the same as <span>.

View solution in original post

abureaux · ‎08-23-2023

I find this happens more when you have multiple DIV tags. Maybe it's because you are online that it is acting differently.

The fix I have used in the past is swap the DIV for SPAN tags. May work for you too.

JamesTedrick · ‎08-23-2023

To amplify on @abureaux 's advice:

<div> tags are normally displayed as block content, which means that the content following is placed in a new line after the <div> by default. Conversely, <span> is an inline content tag, which means that it won't place a new line afterward. If you still wanted to use a div, having the display: inline style property will change the behavior to the same as <span>.