Revision history [back]

Hi,

I would like to embed several ZK apps (widgets) distributed on a foreign HTML page. The third-party system AEM offers so-called HTML components for this, where I can store the ZK code for calling the zEmbedded js API. This also works perfectly with one component. However, when I place multiple HTML components on the page using the zEmbedded js API, the ZK content no longer loads. Is it fundamentally possible to do this?

Hi,

I would like to embed several ZK apps (widgets) distributed on a foreign HTML page. The third-party system AEM offers so-called HTML components for this, where I can store the ZK code for calling the zEmbedded js API. This also works perfectly with one component. However, when I place multiple HTML components on the page using the zEmbedded js API, the ZK content no longer loads. Is it fundamentally possible to do this?

    Komponente 1:

<div id="embeddedZK-1"> 
        Loading...
</div>
<script id="embeddedScript" src=" http://localhost:8080/aemwidget/zkau/web/js/zkmax/embedded/embedded.js"></script>
<script>
        zEmbedded.load('embeddedZK-1', 'http://localhost:8080/aemwidget/);
</script>

Komponente 2:

<div id="embeddedZK-2"> 
        Loading...
</div>
<script id="embeddedScript" src=" http://localhost:8080/aemwidget2/zkau/web/js/zkmax/embedded/embedded.js"></script>
<script>
        zEmbedded.load('embeddedZK-2', 'http://localhost:8080/aemwidget2/);
</script>

Hi,

I would like to embed several ZK apps (widgets) distributed on a foreign HTML page. The third-party system AEM offers so-called HTML components for this, where I can store the ZK code for calling the zEmbedded js API. This also works perfectly with one component. However, when I place multiple HTML components on the page using the zEmbedded js API, the ZK content no longer loads. Is it fundamentally possible to do this?

    Komponente 1:

<div id="embeddedZK-1"> 
        Loading...
</div>
<script id="embeddedScript" src=" http://localhost:8080/aemwidget/zkau/web/js/zkmax/embedded/embedded.js"></script>
<script>
        zEmbedded.load('embeddedZK-1', 'http://localhost:8080/aemwidget/);
</script>

Komponente 2:

<div id="embeddedZK-2"> 
        Loading...
</div>
<script id="embeddedScript" src=" http://localhost:8080/aemwidget2/zkau/web/js/zkmax/embedded/embedded.js"></script>
<script>
        zEmbedded.load('embeddedZK-2', 'http://localhost:8080/aemwidget2/);
</script>