Tutorial: Embedding

Embedding

The Embed SDK was designed to render the webclient to your page inside of a DOM element that you specify to its constructor. This leaves control over the placement and sizing of the ZFE component in the hands of the sdk user. For example, the following would render the Host Access for the Cloud webclient app inside the <div> element.

<div id="my-host-app" style="width: 640px; height: 480px;"></div>

<script src="https://zfe.company.com/webclient/connector/zfe-embed-sdk.js"></script>
<script>
  var zfe = new ZFE.ZFE({
    url: 'https://zfe.company.com/webclient/',
    target: document.getElementById('my-host-app')
  });
  zfe.connect();
</script>