O site da web Survey123 fornece ferramentas para configurar a apresentação de uma pesquisa, permitindo que ela se destaque para os usuários. Você pode alterar as informações da pesquisa apresentadas na galeria, o título presente quando você abriu a pesquisa e as cores e o estilo da pesquisa para torná-la visualmente distinta. Você também pode inserir mídia na pesquisa e adicionar formatação de HTML.
Alterar miniatura, título, descrição e tags
O nome da pesquisa e miniatura são importantes para diferenciar visualmente suas pesquisas no site da web Survey123 . Isso é particularmente importante se você estiver criando múltiplas pesquisas para seu próprio uso ou se as equipes de campo baixarem mais de uma pesquisa.
Ao editar uma pesquisa no site Survey123, é possível alterar o nome da pesquisa clicando no título atual da pesquisa na barra de navegação.
Para alterar a miniatura, as tags e o resumo de um item de pesquisa, abra a caixa de diálogo Editar Informações da Pesquisa na página Minhas Pesquisas, no canto inferior direito do cartão de uma pesquisa. Você também pode editar a miniatura, as tags e o resumo no ArcGIS Online ou ArcGIS Enterprise.
Definir o cabeçalho, a descrição e o rodapé da pesquisa
O cabeçalho da pesquisa aparece quando você abre a pesquisa através da URL do visualizador. Ele pode fornecer uma descrição mais detalhada da pesquisa. O cabeçalho da pesquisa não é o mesmo que o nome da pesquisa, que é exibido na galeria.
Você pode configurar o cabeçalho da pesquisa selecionando-o no designer da web. O painel à direita trocará para Editar, permitindo a você alterar o título exibido. Você também pode editar a descrição da pesquisa e o rodapé da pesquisa da mesma maneira.
O cabeçalho da pesquisa pode ser texto ou uma imagem. A largura máxima sugerida para uma imagem de cabeçalho é de 680 pixels.
A descrição e o rodapé da pesquisa podem incluir imagens e texto formatado, incluindo links.
Utilizar imagens na pesquisa
A utilização de imagens nas pesquisas pode ser útil de muitas maneiras. Não se trata apenas de tornar as pesquisas agradáveis aos olhos; as imagens na pesquisa podem ajudar os usuários a fazer determinações ao preencher as informações. Fornecer imagens em pesquisas pode ajudar a fazer estimativas ou identificações visuais.
O botão Inserir Imagem está disponível ao editar o cabeçalho da pesquisa, descrição, qualquer pergunta de Anotação, bem como um tema de pesquisa personalizado e a tela de agradecimento. Depois de clicar neste botão, você pode optar por fornecer a URL de uma imagem hospedada online ou fazer a transferência de uma imagem salva em seu dispositivo. Você também pode fornecer um texto alternativo para ajudar na acessibilidade da pesquisa. Ao usar imagens hospedadas online, certifique-se de que a imagem seja compartilhada publicamente. Se você estiver fazendo referência a uma imagem hospedada pelo ArcGIS Online ou ArcGIS Enterprise conectada à Internet aberta, a URL deve usar o formato de https://<org_url>/sharing/rest/content/items/<item_id>/data.
Estilos e customização
Na guia Adicionar no painel de design, você pode controlar os elementos de pesquisa mostrados na pesquisa. A seção Elemento da pesquisa permite desativar o cabeçalho, a descrição ou o rodapé da pesquisa para impedir que apareçam no formulário.
Na guia Aparência no painel de design, você pode controlar os elementos visuais da pesquisa.
A seção Tema permite escolher entre vários temas padrão, alterando o esquema de cores e plano de fundo da pesquisa. O mosaico de temas marcado com um ícone de casa é o tema compartilhado da sua organização, definido pelo seu administrador.
Para configurar um destes temas ainda mais, clique no botão Editar Tema abaixo da seleção de tema. Isto abre as seções adicionais Cabeçalho, Conteúdo e Página da Web, permitindo a você alterar as cores ou imagens do plano de fundo para este tema. Este tema personalizado é salvo no mosaico de temas marcado com um botão de configurações.
O mosaico Tema de pesquisa existente, à esquerda do tema personalizado, permite a você utilizar o tema de outra pesquisa em sua organização. Você pode personalizar este tema ainda mais com as opções de Editar tema também. Um botão Escolher de outra pesquisa aparece à direita inferior após uma pesquisa existente ter sido selecionada, permitindo a você escolher uma pesquisa existente diferente.
Anotação:
Ao editar a aparência de pesquisas publicadas no Survey123 Connect, o painel de design exibirá uma pesquisa de visualização em vez da pesquisa real. Você também não poderá editar o texto do cabeçalho e do rodapé da pesquisa.
Grupo, página e cores repetidas
Você pode definir as cores para grupos, páginas e repetições independentemente do estilo geral de pesquisa adicionando os parâmetros backgroundColor e borderColor à coluna body::esri:style. As cores podem ser especificadas por nomes de cores HTML padrão ou códigos de cores hexadecimais. Você pode fornecâ-las como uma constante ou uma referência a uma pergunta. Vários parâmetros são separados por um espaço, por exemplo:
backgroundColor=LightCyan borderColor=#483D8B
Anotação:
Os parâmetros backgroundColor e borderColor não são compatíveis com o aplicativo da web Survey123.
Grupos no estilo de grade não suportam borderColor.
Formatação de HTML
Você pode usar a formatação HTML em rótulos de perguntas e rótulos em listas de opções. Aplicar a formatação neste texto pode ajudar a chamar a atenção para informações importantes. A formatação de HTML suportada é como segue:
| Tag | Atributo |
|---|---|
a | href, style |
abbr | title |
audio¹ | autoplay, controls, loop, muted, preload |
b, strong, i, em, u, ul, ol, li, tbody, br, hr | |
dd, dl, dt | style |
div¹ | style, align |
figcaption | style |
figure | style |
font | size, color, style |
h1, h2, h3, h4, h5, h6 | style |
img | src, width, height, border, alt, style |
p | style |
source¹ | media, src, type |
span | style |
sub | style |
sup | style |
table | width, height, cellpadding, cellspacing, border, style |
| td, th | height, width, valign, align, colspan, rowspan, nowrap, style |
tr | height, valign, align, style |
video¹ | autoplay, controls, height, loop, muted, poster, preload, width |
¹Suportado apenas no aplicativo da web Survey123.
Anotação:
Links em rótulos de opção não funcionam no Survey123 web app nas seguintes situações:
- Quando a aparência definida no Survey123 Connect é mínima ou auto completar
- Ao utilizar o tipo de pergunta classificar no Survey123 Connect
- Ao utilizar o tipo de pergunta Suspenso ou Classificação no web designer Survey123.
Por padrão, um hiperlink criado com formatação de HTML aberto no aplicativo da web Survey123 abrirá o destino na mesma guia da pesquisa. Para abrir este link em uma nova guia, adicione target="_blank" à tag a href, por exemplo:
<a href="https://www.esri.com" target="_blank">Link to Esri website</a>
A formatação HTML não será exibida nas seguintes áreas do formulário web:
- Mensagens obrigatórias e de restrição
- Rótulos de escolha de uma pergunta de seleção externa ou de escolha externa
- Rótulos de escolha se a ordem de escolha estiver definida para randomizar
Tela de Agradecimento
Uma tela de agradecimento é exibida quando os dados são enviados pelo usuário no aplicativo da web Survey123. Você pode editar essa tela na guia Opções do web designer e usar a edição de texto, incluindo links e imagens.
Você pode adicionar um link à tela de agradecimento que reabrirá a resposta da pesquisa que acabou de ser enviada, no modo de edição ou no modo de visualização. Esses links integrados usam um parâmetro dinâmico globalId para abrir a resposta e permitir que o usuário a edite e reenvie ou a visualize em um estado somente leitura. Clique no botão Link no editor de tela de agradecimento para adicionar um link. Clique no botão Usar um link de pesquisa para adicionar uma URL formatada para editar ou visualizar a resposta da pesquisa.
Você pode permitir que os usuários enviem uma nova resposta, fornecendo um link na tela de agradecimento no qual os usuários podem clicar para recarregar a pesquisa ou recarregando a pesquisa automaticamente após um atraso especificado. Alternativamente, você pode redirecionar automaticamente para uma URL indicada. O atraso padrão é de 3 segundos. Se o atraso for definido como 0, a tela de agradecimento não será exibida quando a pesquisa for concluída e o redirecionamento ocorrerá imediatamente após a conclusão da pesquisa. O redirecionamento de URL é ignorado quando uma pesquisa é incorporada usando um iframe.
O autoReload Parâmetro de URL tem precedência sobre o atraso definido no web designer Survey123.
Para pesquisas projetadas no Survey123 Connect, você também pode personalizar o conteúdo da tela de agradecimento usando uma pergunta de observação especial no XLSForm. Para mais informações, consulte Personalizar elementos do formulário.