Benutzerspezifisches Anpassen eines Survey

Die Survey123-Website stellt Werkzeuge zum Konfigurieren der Darstellung eines Survey für die Benutzer bereit. Sie können die in der Galerie dargestellten Informationen des Survey, den Titel, der beim Öffnen des Survey angezeigt wird, und die Farben und den Stil des Survey ändern, um ihn optisch zu gestalten. Sie können auch Medien in den Survey einfügen und HTML-Formatierung hinzufügen.

Ändern von Miniaturansicht, Titel, Beschreibung und Tags

Die Miniaturansicht und der Survey-Name sind wichtig für die visuelle Unterscheidung von Surveys auf der Survey123 -Website. Dies ist besonders dann wichtig, wenn Sie mehrere Surveys für die eigene Verwendung erstellen oder Teams im Außendienst mehr als einen Survey herunterladen.

Miniaturansichten zur Differenzierung von Surveys verwenden.

Beim Bearbeiten eines Survey in der Survey123-Website können Sie den Namen des Survey ändern, indem Sie in der Navigationsleiste auf den aktuellen Titel des Survey klicken.

Um Miniaturansicht, Tags und Zusammenfassung eines Survey-Elements zu ändern, öffnen Sie das Dialogfeld Survey-Info bearbeiten auf der Seite Eigene Surveys unten rechts auf der Kachel eines Survey. Miniaturansicht, Tags und Zusammenfassung können Sie auch in ArcGIS Online oder ArcGIS Enterprise bearbeiten.

Festlegen der Kopfzeile, der Beschreibung und der Fußzeile des Survey

Die Survey-Kopfzeile wird angezeigt, wenn Sie den Survey über seine Viewer-URL öffnen. Er kann eine detailliertere Beschreibung des Survey enthalten. Die Survey-Kopfzeile entspricht nicht dem Survey-Namen, der in der Galerie angezeigt wird.

Sie können die Survey-Kopfzeile festlegen, indem Sie sie im Web Designer auswählen. Der Bereich auf der rechten Seite wechselt zu Bearbeiten, sodass Sie den angezeigten Titel bearbeiten können. Auf dieselbe Weise können Sie auch die Beschreibung und die Fußzeile des Survey bearbeiten.

Die Survey-Kopfzeile kann aus Text oder einem Bild bestehen. Die empfohlene maximale Breite des Kopfzeilenbilds beträgt 680 Pixel.

Die Survey-Beschreibung kann Bilder und formatierte Texte, wie zum Beispiel Links, enthalten.

Die Survey-Fußzeile kann Text und URLs enthalten.

Verwenden von Bildern in einem Survey

Die Verwendung von Bildern in Surveys bietet viele Vorteile. Surveys sehen durch Bilder nicht nur ansprechender aus, sie helfen Benutzern während der Eingabe von Informationen auch bei der Entscheidungsfindung. Durch die Bereitstellung von Bildern in Surveys erleichtern Sie Benutzern zudem die visuelle Identifizierung oder Einschätzungen.

Die Schaltfläche Bild einfügen ist bei der Bearbeitung der Kopfzeile und Beschreibung des Survey, von Fragen vom Typ Hinweis, benutzerdefinierter Survey-Designs sowie des Dankeschön-Bildschirms verfügbar. Nach einem Klick auf diese Schaltfläche können Sie auswählen, ob Sie die URL eines online gehosteten Bildes angeben oder ein auf Ihrem Gerät gespeichertes Bild hochladen. Sie können ebenfalls alternativen Text angeben, um die Barrierefreiheit des Survey zu erhöhen. Bei der Verwendung von online gehosteten Bildern müssen Sie sicherstellen, dass das Bild öffentlich freigegeben ist. Wenn Sie ein Bild referenzieren, das von ArcGIS Online oder von ArcGIS Enterprise bei bestehender Verbindung mit dem Internet gehostet wird, muss die URL das Format https://<org_url>/sharing/rest/content/items/<item_id>/data aufweisen.

Hinweis:

Die Option zum Bereitstellen eines lokal gespeicherten Bildes ist deaktiviert, wenn die Survey123-Website in Verbindung mit ArcGIS Enterprise verwendet wird.

Styles und benutzerspezifische Anpassung

Auf der Registerkarte Hinzufügen im Bereich "Entwerfen" können Sie die Survey-Elemente festlegen, die im Survey angezeigt werden sollen. Im Bereich Survey-Element können Sie die Kopfzeile, Beschreibung oder Fußzeile des Survey deaktivieren, sodass diese nicht im Formular angezeigt werden.

Auf der Registerkarte Aussehen im Bereich "Entwerfen" können Sie die visuellen Elemente von Surveys festlegen.

Im Bereich Design können Sie aus verschiedenen Designs auswählen und den Hintergrund und das Farbschema des Survey ändern. Bei der mit einem Haussymbol versehenen Designkachel handelt es sich um das freigegebene Design Ihrer Organisation, das vom Administrator festgelegt wurde.

Bereich "Design" auf der Registerkarte "Aussehen"

Wenn Sie eines der Designs weiter konfigurieren möchten, klicken Sie unterhalb der Designauswahl auf Design bearbeiten. Dadurch werden zusätzlich die weiteren Bereiche Kopfzeile, Inhalt und Webseite geöffnet, in denen Sie die Farben oder Hintergrundbilder dieses Designs ändern können. Dieses benutzerdefinierte Design wird auf der Designkachel gespeichert und mit einer Einstellungsschaltfläche markiert.

Die Kachel Design aus vorhandenem Survey auf der linken Seite des benutzerdefinierten Survey ermöglicht Ihnen die Verwendung des Designs aus einem anderen Survey in Ihrer Organisation. Mit den Optionen von Design bearbeiten können Sie dieses Design weiter anpassen. Nach Auswahl eines vorhandenen Survey wird unten rechts die Schaltfläche Aus einem anderen Survey auswählen angezeigt, mit dem Sie einen anderen vorhandenen Survey auswählen können.

Hinweis:

Wenn Sie das Aussehen von in Survey123 Connect veröffentlichten Surveys bearbeiten, wird im Bereich "Entwerfen" anstelle des eigentlichen Survey eine Vorschau des Survey angezeigt. Der Text der Kopf- und Fußzeile des Survey kann nicht bearbeitet werden.

Farben für Gruppen, Seiten und Wiederholungen

Sie können die Farben für Gruppen, Seiten und Wiederholungen unabhängig vom allgemeinen Survey-Style festlegen, indem Sie die Parameter backgroundColor und borderColor in die Spalte body::esri:style einfügen. Farben können mit den HTML-Standardfarbnamen oder mit Hexadezimal-Farbcodes angegeben werden. Sie haben die Möglichkeit, diese als Konstante oder als Referenz für eine Frage anzugeben. Mehrere Parameter werden durch Leerzeichen getrennt angegeben, z. B.:

backgroundColor=LightCyan borderColor=#483D8B

Hinweis:

Die Parameter backgroundColor und borderColor werden in der Survey123-Web-App nicht unterstützt.

borderColor wird für Gruppen im Gitternetz-Style nicht unterstützt.

HTML-Formatierung

Sie können HTML-Formatierung in den Beschriftungen Fragen und den Beschriftungen in Auswahllisten verwenden. Durch die Anwendung einer Formatierung auf diesen Text können Sie die Aufmerksamkeit auf wichtige Informationen lenken. Folgende Arten von HTML-Formatierung werden unterstützt:

TagAttribut

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

¹Nur in der Survey123-Web-App unterstützt.

Hinweis:

Links in Beschriftungen der Auswahlmöglichkeiten funktionieren in der Survey123-Web-App in den folgenden Situationen nicht:

  • Wenn in Survey123 Connect das Aussehen minimal oder autocomplete festgelegt wurde
  • Wenn der Fragetyp rank in Survey123 Connect verwendet wird
  • Wenn die Fragetypen Dropdown oder Rangfolge im Survey123 Web Designer verwendet werden

Standardmäßig wird mit einem mit HTML formatierten Hyperlink, der in der Survey123-Web-App geöffnet wird, das Ziel in derselben Registerkarte wie der Survey geöffnet. Um diesen Link stattdessen in einer neuen Registerkarte zu öffnen, fügen Sie target="_blank" zum Tag a href hinzu, zum Beispiel:

<a href="https://www.esri.com" target="_blank">Link to Esri website</a>

Die HTML-Formatierung wird in den folgenden Bereichen des Webformulars nicht angezeigt:

  • Erforderliche und Einschränkungsmeldungen
  • Auswahlbeschriftungen von einer externen Auswahlfrage
  • Auswahlbeschriftungen, wenn die Reihenfolge der Auswahl nach dem Zufallsprinzip festgelegt wurde

Dankeschön-Bildschirm

Ein Dankeschön-Bildschirm wird angezeigt, wenn Daten vom Benutzer in der Survey123-Web-App übermittelt werden. Diesen Bildschirm können Sie auf der Registerkarte Optionen im Web Designer bearbeiten. Er unterstützt Rich-Text-Bearbeitung, einschließlich Links und Bilder.

Sie können dem Dankeschön-Bildschirm einen Link hinzufügen, über den die gerade übermittelte Survey-Antwort erneut wahlweise im Bearbeitungs- oder im Ansichtsmodus geöffnet werden kann. Diese integrierten Links verwenden einen dynamischen globalId-Parameter, mit dem die Antwort geöffnet werden kann und der Benutzer die Möglichkeit hat, sie zu bearbeiten und erneut zu senden oder sie im schreibgeschützten Modus anzuzeigen. Klicken Sie im Editor des Dankeschön-Bildschirms auf die Schaltfläche Link, um einen Link hinzuzufügen. Klicken Sie auf die Schaltfläche Survey-Link verwenden, um eine formatierte URL zum Bearbeiten oder Anzeigen der Survey-Antwort hinzuzufügen.

Hinzufügen von Links für den Bearbeitungsmodus und den Anzeigemodus zum Dankeschön-Bildschirm

Sie können festlegen, dass die Benutzer eine neue Antwort senden können, indem Sie entweder einen Link im Dankeschön-Bildschirm bereitstellen, auf den Benutzer klicken können, um den Survey neu zu laden, oder indem Sie den Survey nach einer bestimmten Verzögerung automatisch neu laden. Sie können aber auch festlegen, dass automatisch an eine nominierte URL weitergeleitet werden soll. Die Standardverzögerung beträgt 3 Sekunden. Wenn die Verzögerung auf 0 festgelegt ist, wird der Dankeschön-Bildschirm nicht angezeigt, wenn der Survey abgeschlossen ist. In diesem Fall wird sofort umgeleitet. Die URL-Umleitung wird ignoriert, wenn ein Survey mit einem Iframe eingebettet ist.

Der URL-Parameter autoReload hat Priorität gegenüber der im Survey123-Webdesigner festgelegten Verzögerung.

Für in Survey123 Connect entworfene Surveys können Sie den Inhalt für den Dankeschön-Bildschirm auch mithilfe einer Frage für besondere Hinweise im XLSForm anpassen. Weitere Informationen finden Sie unter Anpassen von Formularelementen.