Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ The embedded client lets you use a Mendix web app as a component inside another
This page describes how to do the following:

* Configure an Embedded navigation profile in your Mendix app
* Size the embedded app from the host application
* Load the embedded client from a host application
* Pass page parameters to the embedded home page
* Understand how CSS styling behaves in an embedded app
Expand Down Expand Up @@ -92,6 +93,20 @@ Or in a framework component:

The host only needs to provide a real DOM node.

### Sizing the Embedded App

The embedded app takes the height of its host element. If the host element has no height, the embedded app takes the height of its content.

To control the size of the embedded app, set a height on the host element with CSS. For example:

```html
<div id="embedded-mendix-host" style="height: 800px;"></div>
```

{{% alert color="info" %}}
In Mendix versions below 11.17.0, pass a `minHeight` value in the `render(…)` configuration, for example `minHeight: "620px"`. Otherwise, scroll containers in the embedded app can collapse to a height of 0 pixels. In Mendix 11.17.0 and above, the embedded client ignores `minHeight`.
{{% /alert %}}

## Loading and Rendering the Embedded Client{#loading}

The embedded bundle exposes a `render(…)` function. A minimal framework-agnostic integration looks like this:
Expand All @@ -104,7 +119,6 @@ export async function mountEmbeddedMendix(container) {

return embeddedModule.render(container, {
remoteUrl: REMOTE_URL,
minHeight: "620px",
parameters: {
customerId: "12345"
}
Expand Down
Loading