Select to view content in your preferred language

HTML formatting not carrying over from Connect to Web

4518
13
04-18-2025 08:47 AM
JFiaccoCOL
Emerging Contributor

I recently created a survey in Survey123 Connect using HTML formatting. When I save the survey in Connect, the formatting looks correct, however after publishing to ArcGIS Online, the formatting disappears. I found this bug referencing version 3.9 (https://support.esri.com/en-us/bug/the-survey123-web-application-does-not-honor-html-tag-f-bug-00013...). I'm currently using version 3.22.49 and it doesn't seem to be fixed.

 

This is the HTML formatting I'm using in Connect:

<b>Note: This survey is only intended for those who have received the postcard pictured below.</b>

Please read the instructions before filling out the survey.

By EPA regulatory mandate, we need to document the materials of your water service line. If you received the postcard below stating your service line material is unknown, submit the survey below to avoid potholing your yard. <b>You must submit a photo of the first 18" of your service line as it enters the building.</b>

 

Here's what my survey looks like in Connect:

JFiaccoCOL_0-1744991004660.pngJFiaccoCOL_0-1744991004660.png

 

VS in Web:

JFiaccoCOL_1-1744991045940.pngJFiaccoCOL_1-1744991045940.png

 

Does anyone have a workaround for this?

 

13 Replies
JFiaccoCOL
Emerging Contributor

@ehahn_nifc,

Try moving the formatting to the hint field and leave the label field blank. The example that @ZacharySutherby provided has the formatting in the hint field. When I moved it in my survey, the formatting displayed as expected in the web version. I'm not sure if this is expected behavior or a bug, as formatting in the label field seems to work in Survey123 Connect.

 

JFiaccoCOL_0-1746018562391.pngJFiaccoCOL_0-1746018562391.png

JFiaccoCOL_1-1746018753348.pngJFiaccoCOL_1-1746018753348.png

 

 

1stGreenFrequency
New Contributor

<b> THANK YOU </b> 😻

0 Kudos
StayMappy
Occasional Contributor

I found that if you wrap the entire with <span style="font-weight: normal"> and end the label with </span> it works well. You can still add your <b> text here</b> anywhere in that label as long as you wrap it with the earlier syntax.

Here is an example <span style="font-weight: normal"><b>bold text here</b> is a new initiative </span>

GISNCC
by
Regular Contributor

I just thought I am also seeing this behaviour.  In Survey123 Connect I get the following formatting which is correct 

GISNCC_0-1785281152009.pngGISNCC_0-1785281152009.png

 and then in the published survey123 in the web browser it looks like this. 

GISNCC_1-1785281191337.pngGISNCC_1-1785281191337.png

This is my label 

<p><br><br>If you are filling this in at an Emergency Assistance Centre (EAC):<br><br><b>BEFORE</b> completing a assessment…</p><p><span style="font-size:18px;"><em><ul><li>Is the need a result of the emergency event?</li>
<li>Can the need be met at the EAC?</li><li>
Can the person solve the need themselves?</li></ul>
</em></span></p>

and this is my hint: 

<p><br>This form is for those who, as the result of the emergency do not have access to such things as:<ul><li>Medication</li><li>A place to stay</li><li>Food and water</li><li>Animal welfare support </li></ul>Or can not contact police for a missing person inquiry</p>

 

I am finding it pretty annoying using html to format the form.  I want to use survey123 connect for its more advanced functionality but spending so much time writing html for the formatting.  Cheers,

 

0 Kudos