GraphQL Integrated Demo

Integrated GraphQL executes GraphQL queries within the Layout Service endpoint, and merges the query results into the Layout Service result JSON. The query results can be seen by inspecting the Layout Service response in the browser devtools network tab.

Datasource Item (via Integrated GraphQL)

id: {{ queryResult.data.datasource.id }}
name: {{ queryResult.data.datasource.name }}
sample1: {{ queryResult.data.datasource.sample1.value }}
sample1 (editable):
sample2:

text: {{ queryResult.data.datasource.sample2.text }}
url: {{ queryResult.data.datasource.sample2.url }}
target: {{ queryResult.data.datasource.sample2.target }}
editable:
field type: {{ queryResult.data.datasource.sample2.definition.type }}
field is shared?: {{ queryResult.data.datasource.sample2.definition.shared.toString() }}

Route Item (via Integrated GraphQL)

id: {{ queryResult.data.contextItem.id }}
page title: {{ queryResult.data.contextItem.pageTitle.value }}
children:

{{ child.pageTitle.value }} (editable title too! )