nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Survey123 Connect styles don't apply in web form

MontyBell

I've set some styles in a Survey123 Connect form, just a simple text color and toolbar background color, but they do not apply to the web form when I publish the survey. I also can't change them at survey123.arcgis.com because "editing a survey published by Survey123 Connect is not supported." I can't find any other mention of this problem in "Known Issues" or on GeoNet.

EDIT: I tried setting colors for all the options and found the following:

Setting 'Text Color' has no visible effect on anything

Setting 'Background Color' works as expected.

Setting 'Toolbar Background Color' changes the background color of the body of the html page.

Setting 'Toolbar Text Color' has no visible effect on anything

Setting 'Input Text Color' works as expected.

Is there a different way to upload or create a web form from an XLSForm that will retain these settings?

Find more posts tagged with

Accepted answers

All comments

Anonymous User

Hi Monty,

This is a known issue between the Connect settings and field app style configuration and web form displaying the same styles set in Connect. We have an open issue for this and I have added your comments to the issue. We hope to update the web form in a future release to respect the style settings applied in Connect.

Regards,

Phil.

ÖzgürErtac

Hi Phil,

do you guys have a solution for that in the next release of Survey123? If not, shall we expect it soon to come?

FYI James Tedrick‌

Thanks

Ozgur

WebStyle_VS_App

Anonymous User

Hi Ozgur,

The dev team has added this to be looked at to be fixed in the 2.8 release, however this may change due to other priorities.

Phil.

Anneka_France

Hi Philip,

Any updates on this?

We would like to embed Survey123 forms in our public facing Story Maps and Open Data sites, however the styles from Connect (version 3.0.128) are still not changing the style of the web form. Not being able to match the style of the web form to the theme colours really takes away from the professional look and feel of the products.

Please release this update soon!

Anneka

utenalarosa

Ozgur can you tell me how you change the wrapper color to brown. I am using version 3.0.127 of survey123 connect. Thanks

JamesTedrick

Hi Huong,

At the time of Özgür's post, the color settings were being misinterpreted by the web form. Since then, we have introduced a setting for the web form's surround, though it requires manual editing of the settings at this time - see https://community.esri.com/message/788867-viewing-survey123-form-on-web-pale-blue-wrapper?et=watches.email.thread for information on how to set it.

ZhifangWang

Hi,

The issue has been fixed in the coming 3.1 release (planned in Oct.), all custom UI properties will be applied in the web app now.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.