Osite 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 a miniatura, título, descrição e tags
O nome da pesquisa e miniatura são importantes para diferenciar visualmente as pesquisas no site Survey123 Survey123 Mobile Isso é particularmente importante se você estiver criando múltiplas pesquisas para seu próprio uso ou se as equipes de campo usarem mais de uma pesquisa.
Exemplos de miniaturas são mostrados nas imagens a seguir:
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 Cabeçalho da pesquisa, permitindo 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 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, como também, um tema de pesquisa personalizado e a tela de agradecimento. Após clicar neste botão, você poderá optar por fornecer a URL de uma imagem hospedada online ou carregar 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 referenciando uma imagem hospedada pelo ArcGIS Online ou ArcGIS Enterpriseconectada à Internet aberta, a URL deverá usar o formato https://<org_url>/sharing/rest/content/items/<item_id>/data.
Estilos e customização
No painel Adicionar do web designer, você pode controlar os elementos da pesquisa exibidos 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.
No painel Aparência , você pode controlar os elementos visuais da pesquisa. A seção Tema (mostrada na imagem abaixo) 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, ao lado do tema personalizado, permite utilizar o tema de outra pesquisa em sua organização. Você também pode personalizar este tema ainda mais com as opções de Editar tema. O botão Escolher de outra pesquisa aparece após uma pesquisa existente ter sido selecionada, permitindo escolher uma pesquisa existente diferente.
Anotação:
Ao editar a aparência de pesquisas publicadas no Survey123 Studio ou Survey123 Connect, o web 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.
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.
O web designer e aplicativo da web oferecem suporte a todo o HTML suportado no ArcGIS Online. A formatação HTML suportada no Survey123 Studio, Survey123 Connect, Survey123 Mobile e aplicativo de campo é a seguinte:
| Tag | Atributo |
|---|---|
a | href, style |
abbr | title |
b, strong, i, em, u, ul, ol, li, tbody¹, br, hr | |
dd, dl, dt | style |
figcaption | style |
figure | style |
font | size, color, style |
h1, h2, h3, h4, h5, h6 | style |
img¹ | src, width, height Anotação:Use pixels para largura e altura, não porcentagem. |
p | style |
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 |
Não disponível no Survey123 Studio e Survey123 Mobile.
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 de classificação no Survey123 Connect
- Ao utilizar o tipo de pergunta Menu suspenso ou Classificação no Survey123 web designer
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 no painel Opções do web designer e usar a edição de rich text, 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 globalId dinâmico para abrir a resposta e permitir ao usuário editar e reenviar ou visualizá-la em um estado de somente leitura. Clique no botão Link no editor da 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. Esses botões são mostrados na imagem a seguir:
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 Studio ou Survey123 Connect, você também pode personalizar o conteúdo da tela de agradecimento usando uma pergunta de anotação especial no XLSForm. Para mais informações, consulte Personalizar elementos do formulário.