Configuring an iframe in legacy views
Legacy view component
You're currently viewing a topic about a legacy view component in Studio. This component can still be used in legacy Studio views, however we recommend using the visual view editor in the new Studio experience. The updated interface includes drag and drop capabilities, allowing you to easily add components and configure your views.
For more information, see: Views.
Embed external content, such as websites or documents, using iframes (inline frames).
Basic iframe configuration
When configuring a basic iframe, the following attributes are available:
Attribute | Required | Type | Description |
|---|---|---|---|
src | Yes | URL | Defines the URL of the website or document (e.g. PDF) which gets embedded. Important Some websites like e.g. Google don't allow to be iframed. In case your iframed website does not show up, please reach out to the website admin. |
The example YAML of a basic iframe configuration:
id: iframe type: iframe settings: src: https://www.celonis.com
Advanced iframe configuration
When configuring an advanced iframe, the following attributes are available:
Attribute | Required | Type | Possible values | Default Value | Description |
|---|---|---|---|---|---|
height | No | String | - | - | Defines the height in pixel or percentage of the iframe. |
width | No | String | - | - | Defines the width in pixel or percentage of the iframe. |
placeholders | No | - | - | - | Defines placeholders that get retrieved from the KM and can be used in the src attribute. This can be useful if you want to embed an iframe on a Profile View. |
field | No | Record.Attribute or KPI | - | - | References a KM object. |
id | No | String | Defines the identifier of the placeholder, in case it needs to be overwritten in an extension |
The example YAML of a basic iframe configuration:
id: iframe
type: iframe
settings:
src: https://www.celonis.com/{0}/{1}.pdf #{0} injects the parameters into the URL.
height: 300px
width: 100%
placeholders:
- field: INVOICE.PATH0
id: 100
- field: INVOICE.PATH1
id: 200