Integrate several zk apps on a third-party site

asked 2022-08-09 20:24:01 +0800

andij62 gravatar image andij62
315 1 7

updated 2022-08-10 15:43:53 +0800


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

Komponente 2:

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

1 Answer

Sort by ยป oldest newest most voted

answered 2022-08-11 17:30:00 +0800

hawk gravatar image hawk
3185 1 5
http://hawkphoenix.blogsp... ZK Team

I saw you load 2 pages from 2 different web app.

Because of this bug, https://tracker.zkoss.org/browse/ZK-4715, you need to use ZK 9.5.1 or above to make it work correctly.

Besides, you cannot embed pages from different ZK versions.

link publish delete flag offensive edit


Thank you for the information!

andij62 ( 2022-08-12 17:02:47 +0800 )edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools




Asked: 2022-08-09 20:24:01 +0800

Seen: 7 times

Last updated: Aug 11 '22

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More