Skip to main content

Celonis Product Documentation

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