Skip To Content

Entwerfen des Layouts Ihrer Site

Sobald Sie Ihre Site konfiguriert und Daten hinzugefügt haben, können Sie das Layout der Startseite gestalten und Kopf- und Fußzeile anpassen. Dies kann alles über die Registerkarte Site-Editor erfolgen. Über diese Registerkarte können Sie Ihre Site mithilfe des bereitgestellten Editors, mit Markdown oder benutzerdefiniertem HTML entwerfen.

Übersicht

Bei dem Site-Editor handelt es sich um einen vollständigen Seiten-Editor, der Ihnen eine Site-Vorlage bietet, mit der Sie Branding und Daten Ihrer eigenen Site anpassen oder vollständig entfernen können, um ganz von vorn zu beginnen. Zeigen Sie mit der Maus auf die Elemente auf der Seite, um diese zu verschieben, zu bearbeiten, zu löschen oder ihre Größe anzupassen, oder klicken Sie auf das Zahnradsymbol links oben, um den Site-Editor-Seitenbereich anzuzeigen.

Einstellungen für Überschrift

Die Site-Kopfzeile kann auf zwei Arten erstellt werden: mit einer Logo-URL und einem Site-Titel (einfach) oder mit benutzerdefiniertem HTML- und CSS-Code (erweitert).

    Einfacher Workflow
  1. Wählen Sie Logo und Site-Titel verwenden aus.
  2. Geben Sie den Titel unter Site-Titel ein.
  3. Geben Sie das Bild unter Logo-URL ein. Bilder werden auf eine Höhe von 50 Pixeln skaliert.
    Erweiterter Workflow
  1. Wählen Sie Verwenden von benutzerdefiniertem HTML/CSS aus.

    Auf der Seite wird eine Standardkopfzeile und im Seitenbereich ein CSS-Feld angezeigt.

  2. Klicken Sie auf das Zahnradsymbol rechts oben in der Kopfzeile, um den HTML-Code zu bearbeiten.
  3. Klicken Sie erneut auf das Zahnradsymbol, um Ihre Änderungen anzuzeigen.
  4. Ändern Sie das CSS-Feld im Seitenbereich, und klicken Sie auf Änderungen übernehmen, um die Auswirkungen auf den HTML-Code zu sehen.
Vorsicht:

Kopfzeilen-HTML bietet keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.

Hinweis:

Der Bereich für Eigene Daten und Anmelden kann nicht bearbeitet oder entfernt werden, um die Funktionalität der Site zu wahren.

Design-Builder

Bestimmen Sie das Thema Ihrer Site anhand der folgenden Farboptionen:

  • Hintergrundfarbe der Kopfzeile: Wirkt sich auf die Kopfzeile aus.
  • Textfarbe der Kopfzeile: Wirkt sich auf den Kopfzeilentext aus.
  • Texthintergrundfarbe: Wirkt sich auf die Farbe der transparenten Startseitenzeilen und die Seitenhintergrundfarbe für Suchergebnisse und Dataset-Seiten aus.
  • Textfarbe: Wirkt sich auf die Farbe von normalem Text auf der gesamten Site aus.
  • Link-Farbe des Textes: Wirkt sich auf die Farbe von Links und Schaltflächen auf der gesamten Site und beim Zeigen mit der Maus auf den Status von Links in der Kopfzeile aus.

Tipp:

Die Textfarbe kann auch zeilenweise geändert werden.

Layout-Builder

Grundlegend ist das Layout der Seite in Zeilen und Widgets unterteilt. Ein Widget muss in einer Zeile platziert werden. Es können beliebig viele Widgets in einer Zeile platziert werden. Klicken Sie zum Bearbeiten einer Kachel auf das Zahnradsymbol. Klicken Sie zum Löschen einer Kachel auf das Papierkorbsymbol.

Zeile

Verwenden Sie Zeilen, um das allgemeine Layout zu erstellen und die Widgets unterzubringen.

  1. Ziehen Sie eine Zeile aus dem Seitenbereich auf die Seite.

    Die auf der Seite angezeigten Marker dienen als Führungslinien.

  2. Wenn Sie mit der Maus auf die Zeile zeigen, werden auf der rechten Seite drei Symbole angezeigt: Pfeile, um die Zeile auf der Seite zu verschieben, ein Zahnradsymbol für die Bearbeitung, und ein X, um die Zeile zu löschen.
  3. Klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  4. Legen Sie die Textfarbe für diese spezifische Zeile fest.
  5. Legen Sie entweder eine Hintergrundfarbe (die Standardeinstellung ist transparent) oder ein Hintergrundbild fest.
  6. Klicken Sie auf Zurück zum Site-Editor, um zum Hauptseitenbereich zurückzukehren.

Banner-Kachel

Verwenden Sie Banner für Überschriften und Suchleisten innerhalb der Site.

  1. Ziehen Sie ein Banner-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Geben Sie optional eine Überschrift und eine Unterüberschrift ein.
  4. Geben Sie optional eine Hintergrundbild-URL an, und legen Sie die Mindesthöhe fest.
  5. Aktivieren Sie optional Suchleiste anzeigen, um dem Banner-Widget eine Suchleiste hinzuzufügen.
  6. Aktivieren Sie optional Positionsbasierte Suche ermöglichen, um eine sekundäre Suchoption hinzuzufügen, mit denen Benutzer Ergebnisse nach Position filtern können.
  7. Fügen Sie optional Platzhaltertext zur Anzeige in der Suchleiste hinzu.
  8. Klicken Sie auf Zurück zum Site-Editor, um zum Hauptseitenbereich zurückzukehren.

Bild-Kachel

Sie können Bilder in Ihrem Layout verwenden.

  1. Ziehen Sie ein Bild-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Geben Sie eine Bild-URL an.
  4. Geben Sie alternativen Text für das Bild an, um sehbehinderten Benutzern zu helfen und die Barrierefreiheit Ihrer Site zu verbessern.
  5. Geben Sie optional eine Bildunterschrift an.
  6. Geben Sie optional einen Bild-Hyperlink an, über den entweder die gleiche Registerkarte oder eine neue Registerkarte geöffnet wird.
  7. Klicken Sie auf Zurück zum Site-Editor, um zum Hauptseitenbereich zurückzukehren.

Text-Kachel

Fügen Sie Ihrem Layout Text (Markdown und HTML) hinzu.

  1. Ziehen Sie ein Text-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Geben Sie Markdown- oder HTML-Text in das Text-Widget ein.
  4. Klicken Sie auf das Zahnradsymbol, um den Text anzuzeigen.
Vorsicht:

Aus Sicherheitsgründen bieten Text-Widgets keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.

Folgende HTML-Elemente sind zulässig:

'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
 'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
 'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
 'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
 'ul', 'center', 'style', 'div', 'span'

Folgende Attribute für diese HTML-Elemente sind zulässig:

All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'],	'button'    : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
 'ul' : ['type']

Kategorie-Kachel

Verwenden Sie Kategorien, um Datasets auf Ihrer Site zu gruppieren.

  1. Ziehen Sie ein Kategorie-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Bearbeiten Sie den Link-Text für die Kategorie.
  4. Wählen Sie Tag-Abfrage oder Gruppe aus.

    Dadurch wird festgelegt, welche Datasets in den Suchergebnissen zurückgegeben werden, wenn Benutzer auf diese Kategorie klicken.

    • Tag: Geben Sie eine Tag-Abfrage ein. .Alle Datasets mit einem dazu passenden Tag in ihrem jeweiligen Enterprise-Portal-Element werden in den Suchergebnissen zurückgegeben.
    • Gruppe: Wählen Sie eine Gruppe aus. Alle Datasets in dieser Gruppe werden in den Suchergebnissen zurückgegeben.
  5. Wählen Sie ein Symbol aus der Bibliothek aus:
    1. Wählen Sie Ein Symbol auswählen aus.
    2. Wählen Sie ein Symbol auf der modalen Registerkarte aus, und klicken Sie auf Auswählen.

      Das Symbol wird im Seitenbereich angezeigt.

    3. Klicken Sie auf den graue Feld rechts vom Symbol, um die Farbe des Symbols auszuwählen.
  6. Verwenden Sie Ihr eigenes Symbol:
    1. Geben Sie eine URL für Ihr Symbol an.
    2. Geben Sie alternativen Text für das Symbol an, um sehbehinderten Benutzern zu helfen und die Barrierefreiheit Ihrer Site zu verbessern.
  7. Klicken Sie auf Zurück zum Site-Editor, um zum Hauptseitenbereich zurückzukehren.
Tipp:

Benutzerdefinierte Symbole sollten als .svg- oder transparente .png-Datei gespeichert werden. Symbole werden auf eine Größe von 120 x 120 Pixel skaliert.

Kontaktinformationen-Kachel

Geben Sie Kontaktinformationen für das Senden einer E-Mail an den Datenbesitzer an.

  1. Ziehen Sie einKontakt-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Geben Sie die E-Mail-Adresse des Kontakts und eine E-Mail-Betreffzeile an.

    Wenn Benutzer auf Ihrer Startseite auf die E-Mail klicken, wird automatisch ihr E-Mail-Editor geöffnet.

  4. Klicken Sie auf Zurück zum Site-Editor, um zum Hauptseitenbereich zurückzukehren.

Iframe-Kachel

Betten Sie Iframes und externe Ressourcen ein.

  1. Ziehen Sie ein Iframe-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Geben Sie die URL und die Höhe des Iframe an.
  4. Klicken Sie auf Übernehmen.
Vorsicht:

Fügen Sie keinen Iframe-Code zum Einbetten von einer anderen Website ein. Fügen Sie nur die URL ein, die Sie einbetten möchten.

Tipp:

Iframe-URLs, die HTTP verwenden, werden nicht im Site-Editor angezeigt, da dieser HTTPS verwendet. Speichern Sie Ihre Site, und zeigen Sie diese an, um den Iframe zu betrachten.

Diagramm-Kachel

Erstellen Sie einfache Diagramme direkt aus Ihren Datasets, oder geben Sie Ihr eigenes JSON für Diagramme hier ein, um ein benutzerdefiniertes Diagramm zu erstellen.

Balkendiagramm

Balkendiagramme werden aus Abfragen an ein ausgewähltes Dataset erstellt und automatisch mit dem Dataset aktualisiert.

  1. Ziehen Sie ein Diagramm-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Standardmäßig ist "Balkendiagramm" ausgewählt.
  4. Klicken Sie auf (+) Daten hinzufügen.
  5. Wählen Sie aus den verfügbaren Datenservices ein Element aus.
  6. Wählen Sie Kategorieattribut auswählen aus, um das primäre Diagrammelement aus den Daten auszuwählen.

    In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.

  7. Optional können Sie Wertattribut auswählen verwenden, um ein nummerisches Feld auszuwählen, das als Kennwert des Wertes für das Kategorieattribut dient. Nach Auswahl dieser Option lautet die standardmäßige statistische Operation für dieses Feld "Summe". Sie können die statistische Operation mithilfe der Dropdown-Liste rechts neben der Auswahl Kategorieattribut auswählen ändern. Das Wertattribut unterstützt Min, Max, Summe, Durchschnitt und Anzahl. Bei Auswahl von "Anzahl" wird die Auswahl des Wertattributs aufgehoben (da keine Notwendigkeit für ein zusätzliches Feld für die Anzahl des Kategorieattributs besteht).

    In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.

  8. Optional können Sie im Abschnitt Optionen die Optionen Diagrammtitel und Höhe (in Pixel), die Kategoriebeschriftung für die X-Achse sowie die Wertebeschriftung für die Y-Achsenbeschriftung aktivieren/deaktivieren und anpassen.

Kreisdiagramm

Kreisdiagramme werden aus Abfragen an ein ausgewähltes Dataset erstellt und automatisch mit dem Dataset aktualisiert.

  1. Ziehen Sie ein Diagramm-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Wählen Sie das Kreisdiagramm aus, indem Sie auf das Symbol für das Kreisdiagramm klicken.
  4. Klicken Sie auf (+) Daten hinzufügen.
  5. Wählen Sie aus den verfügbaren Datenservices ein Element aus.
  6. Wählen Sie Kategorieattribut auswählen aus, um das primäre Diagrammelement aus den Daten auszuwählen.

    In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.

  7. Optional können Sie Wertattribut auswählen verwenden, um ein nummerisches Feld auszuwählen, das als Kennwert des Wertes für das Kategorieattribut dient. Nach Auswahl dieser Option lautet die standardmäßige statistische Operation für dieses Feld "Summe". Sie können die statistische Operation mithilfe der Dropdown-Liste rechts neben der Auswahl Kategorieattribut auswählen ändern. Das Wertattribut unterstützt Min, Max, Summe, Durchschnitt und Anzahl. Bei Auswahl von "Anzahl" wird die Auswahl des Wertattributs aufgehoben (da keine Notwendigkeit für ein zusätzliches Feld für die Anzahl des Kategorieattributs besteht).

    In Diagrammen können numerische und Zeichenfolgefelder verwendet werden. Bei Auswahl eines Kategorieattributs stellt das resultierende Diagramm standardmäßig die Anzahl dieses Attributs dar.

  8. Optional können Sie im Abschnitt Optionen die Optionen Diagrammtitel und Höhe (in Pixel), die Kategoriebeschriftung für die Beschriftung jedes Segments in der QuickInfo sowie die Wertebeschriftung für die Beschriftung des Kennwerts in der QuickInfo aktivieren/deaktivieren und anpassen.

JSON-Diagramm

Benutzerdefinierte Diagramme werden mithilfe einer bestimmten Diagrammspezifikation aus JSON erstellt.

  1. Ziehen Sie ein Diagramm-Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Wählen Sie die Kachel JSON aus.
  4. Fügen Sie Ihr JSON im Feld JSON-Diagrammspezifikation hinzu.
  5. Optional können Sie im Abschnitt Optionen die Optionen Diagrammtitel und Höhe (in Pixel) aktivieren/deaktivieren und anpassen.

JSON-Spezifikation

Durch die Eingabe von benutzerdefiniertem JSON können Sie benutzerdefinierte Diagramme durch die Nutzung der Cedar-Bibliothek erstellen. Eine Spezifikation besteht aus den folgenden Komponenten:

Datasets

Das Dataset-Array gibt eine URL für den ArcGIS-Feature-Service und Abfrageparameter an. Weitere Informationen über Abfrageparameter finden Sie in der Dokumentation zu REST API.

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

Series

Mit dem Array "series" können Sie die Zuordnungen zwischen Feldern in der Service-Antwort und den visuellen Aspekten des Diagramms (X- und Y-Achse, Farbe/Größe bei Scatterplot-Diagrammen, Radius bei Kreisdiagrammen) angeben.

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

Overrides

Mit der Eigenschaft "override" können Sie visuelle Überschreibungen wie Farbe oder Positionierung für das gesamte Diagramm angeben.

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

Specification

Mit der Eigenschaft "specification" können Sie eine ganze Cedar-Spezifikation für ein rein benutzerdefiniertes Diagramm eingeben. Zeigen Sie Beispiele für vorhandene Diagrammspezifikationen an.

Beispiele

Balkendiagramm:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

Horizontales Balkendiagramm:
{
  "type": "bar-horizontal",  "datasets": [    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",      "name": "Number_of_SUM",      "query": {
        "orderByFields": "Number_of_SUM DESC",        "groupByFieldsForStatistics": "Type",        "outStatistics": [          {
            "statisticType": "sum",            "onStatisticField": "Number_of",            "outStatisticFieldName": "Number_of_SUM"
          }
        ]      }
    }
  ],  "series": [    {
      "category": {"field": "Type", "label": "Type"},      "value": {"field": "Number_of_SUM", "label": "Number of Students"},      "source": "Number_of_SUM"
    }
  ],  "overrides": {
    "categoryAxis": {
      "labelRotation": -45    }
  }
}

Gruppiertes Balkendiagramm:

Hinweis: Jede Reihe passt zu einer „Gruppe“.

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Scatterplot-Diagramm:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Blasen-Scatterplot-Diagramm:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Zeitachsendiagramm

Hinweis: Bei der Kategorie muss es sich um ein Feld vom Typ "datetime" handeln.

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Summenstatistik-Kachel

Verwenden Sie Summenstatistiken, um auf einen Blick Daten für wichtige Performance-Indikatoren und mehr bereitzustellen. Summenstatistiken werden aus einer Dataset-Abfrage erstellt und automatisch mit dem Dataset aktualisiert.

  1. Ziehen Sie ein Summenstatistik--Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Klicken Sie auf (+) Daten hinzufügen, um eine Elementauswahl zu öffnen, in der der gewünschte Daten-Service angezeigt wird.
  4. Wählen Sie unter Statistikfeld ein Feld aus dem ausgewählten Service aus. Dieses Feld wird in den nachfolgenden Schritten verwendet.
  5. Wählen Sie unter Statistiktyp den Typ der Operation aus, die für das ausgewählte Feld durchgeführt werden soll.
    • Text- und Datumsfelder: Wählen Sie zwischen Anzahl, Minimum und Maximum.
    • Zahlenfelder: Wählen Sie zwischen Anzahl, Summe, Minimum, Maximum, durchschnittlicher Standardabweichung und Varianz.
  6. Fügen Sie Ihrer Statistik optional einen Filter hinzu:
    1. Wählen Sie ein Attribut für Ihren Filter aus.
    2. Wählen Sie Hinzufügen aus.
    3. Wählen Sie das neue Attributfeld aus, um die Filtereingabe anzuzeigen. Das Eingabefeld variiert je nach Feldtyp.
    4. Geben Sie den gewünschten Filter ein.
    5. Klicken Sie außerhalb des Filterfeldes, oder drücken Sie die Eingabetaste auf Ihrer Tastatur.
  7. Geben Sie unter Titel einen Titel ein.
  8. Nehmen Sie optional unter Nachgestellter Text eine Eingabe vor, und ändern Sie die Akzentfarbe der eigentlichen Statistik.

Galerie-Kachel

Verwenden Sie die Galerie-Kachel, um Inhalt aus Web Mapping-Anwendungen und Webkarten auf Ihrer Site zu präsentieren. Die Galerie-Kachel ruft Anwendungen und Webkarten automatisch aus Ihren Organisationsgruppen ab. Wenn Sie Ihrer Organisation oder einer bestimmten Gruppe App- und Karteninhalt hinzufügen, werden neue Anwendungskacheln auf Ihrer Site angezeigt, ohne dass Sie das Layout bearbeiten müssen.

  1. Ziehen Sie ein Galerie--Widget auf eine vorhandene Zeile.
  2. Zeigen Sie mit der Maus auf das Widget, und klicken Sie auf das Zahnradsymbol, um zum Bearbeitungsmodus zu wechseln.
  3. Auf der linken Seite werden einige Optionen angezeigt. Klicken Sie auf Apps, um alle Anwendungen in Ihrer Organisation in der Galerie-Kachel angezeigt zu sehen. Klicken Sie auf Datasets, um alle Datasets in Ihrer Organisation in der Galerie-Kachel angezeigt zu sehen. Klicken Sie auf Sites, um alle Sites in Ihrer Organisation in der Galerie-Kachel angezeigt zu sehen.
  4. Passen Sie die Zahl in Anzahl der angezeigten Kacheln (maximal 16) an, um die Anzeige zu ändern.
  5. Wählen Sie optional im Bereich Nur anzeigen Gruppe(n) aus, und wählen Sie die gewünschten Gruppen aus, um die Anwendungen zu filtern.
  6. Fügen Sie in Tags, ggf. Tags hinzu, um die Abfrage einzuschränken. Es werden nur Elemente in der Galerie-Kachel angezeigt, die diesem Tag entsprechen.
  7. Wählen Sie unter Style entweder Symbole verwenden oder Miniaturansichten verwenden aus, um den Style der Galerie-Kachel zu bestimmen.
  8. Ändern Sie den Schaltflächentext, um die Schaltfläche festzulegen. Der Standardtext ist "Erkunden".

Fußzeileneinstellungen

In der Standardeinstellung des Site-Editors ist keine Fußzeile vorgesehen. Sie müssen eine benutzerdefinierte Fußzeile erstellen, um alle Seiten der Site mit einer dauerhaften Fußzeile zu versehen.

  1. Wählen Sie unter FußzeileneinstellungenBenutzerdefiniert aus.

    Auf der Seite wird eine Standardfußzeile und im Seitenbereich ein CSS-Feld angezeigt.

  2. Klicken Sie auf das Zahnradsymbol rechts unten in der Fußzeile, um den HTML-Code zu bearbeiten.
  3. Klicken Sie erneut auf das Zahnradsymbol, um Ihre Änderungen anzuzeigen.
  4. Ändern Sie das CSS-Feld im Seitenbereich, und klicken Sie auf Änderungen übernehmen, um die Auswirkungen auf den HTML-Code zu sehen.
Tipp:

Fußzeilen-HTML bietet keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.

Verwenden von Markdown

Verwenden Sie Markdown in den Text-Widgets, um Text auf Ihrer Site anzupassen.

Markdown-Tabelle

Attribute

Syntax

Überschrift

# Hier Text für Header auf Ebene 1 (größter)

## Hier Text für Header auf Ebene 2

###### Hier Text für Header auf Ebene 6 (kleinster)

Kursiv

Dies ist *kursiv formatierter Text* oder _kursiv formatierter Text_

Fett

Dieser Text ist **fett formatiert**

Kombination von kursiv und fett

*Kursiv kombinieren **mit** fett*

Link mit Anzeige der Adresse

http://www.esri.com

Hinweis:

Vergessen Sie nicht das Protokoll (HTTP oder HTTPS) vor den URLs

Link ohne Anzeige der Adresse

[Ihr Hyperlinktext] (http://www.esri.com)

Hinweis:

Vergessen Sie nicht das Protokoll (HTTP oder HTTPS) vor den URLs

Aufzählungszeichen

* Erstes Element in Aufzählung

* Zweites Element in Aufzählung

Sortierte Liste

1. Erstes Element in einer nummerierten Liste

1. Zweites Element in einer nummerierten Liste

Bilder einfügen

<img src="URL der Bildquelle einschließlich HTTP oder HTTPS">

Hinweis:

Wenn Ihr Enterprise-Portal Bilder enthält, können Sie auch relative URLs nutzen, z. B. "../images/my-amazing-image"

Bild mit Hyperlink einfügen

<a href="link URL including HTTP or HTTPS"><img src="URL der Bildquelle einschließlich HTTP oder HTTPS"></a>