diff --git a/packages/knowledge-base-web-page-element-view/index.html b/packages/knowledge-base-web-page-element-view/index.html
index e34fadd6709b9eaa70825fa4646ada46c557b0d1..ec599a39c199ffa9f50834eafbe27928627b241b 100644
--- a/packages/knowledge-base-web-page-element-view/index.html
+++ b/packages/knowledge-base-web-page-element-view/index.html
@@ -8,7 +8,7 @@
<body>
-<vpu-knowledge-base-web-page-element-view-demo lang="de"></vpu-knowledge-base-web-page-element-view-demo>
+<vpu-knowledge-base-web-page-element-view-demo></vpu-knowledge-base-web-page-element-view-demo>
</body>
</html>
diff --git a/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js b/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js
index cc83b461dd81361c21ece4477ba3bc4eae11b2c1..f1544a55ac0f2f668a7473ee912f70eae415a294 100644
--- a/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js
+++ b/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view-demo.js
@@ -29,14 +29,19 @@ class KnowledgeBaseWebPageElementViewDemo extends LitElement {
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css">
<section class="section">
- <div class="container">
+ <div class="content">
<h1 class="title">KnowledgeBaseWebPageElementView-Demo</h1>
</div>
- <div class="container">
- <vpu-auth lang="${this.lang}" client-id="${utils.setting('keyCloakClientId')}" load-person force-login></vpu-auth>
+ <div class="content">
+ <vpu-auth lang="de" client-id="${utils.setting('keyCloakClientId')}" load-person force-login></vpu-auth>
</div>
- <div class="container">
- <vpu-knowledge-base-web-page-element-view lang="${this.lang}" value="bedienstete/bibliothek/buch-ausleihen"></vpu-knowledge-base-web-page-element-view>
+ <div class="content">
+ <h2 class="subtitle">Deutsch</h2>
+ <vpu-knowledge-base-web-page-element-view lang="de" value="bedienstete/bibliothek/buch-ausleihen"></vpu-knowledge-base-web-page-element-view>
+ </div>
+ <div class="content">
+ <h2 class="subtitle">Englisch</h2>
+ <vpu-knowledge-base-web-page-element-view lang="en" value="bedienstete/bibliothek/buch-ausleihen"></vpu-knowledge-base-web-page-element-view>
</div>
</section>
`;
diff --git a/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view.js b/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view.js
index 6e7bfda796e9d45576c68dd0b4685004b7b40d05..7f4bccc13bd00eca2ec0333028ce951eeb5dbbb9 100644
--- a/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view.js
+++ b/packages/knowledge-base-web-page-element-view/vpu-kb-wpe-view.js
@@ -39,7 +39,8 @@ class VPUKnowledgeBaseWebPageElementView extends VPULitElement {
// sadly there there is no entity url without "collectionOperations" in entity KnowledgeBaseWebPageElement!
const apiUrl = utils.getAPiUrl("/web_page_elements/knowledge_base_web_page_elements/") +
- encodeURIComponent(commonUtils.base64EncodeUnicode(encodeURIComponent(that.value)));
+ encodeURIComponent(commonUtils.base64EncodeUnicode(encodeURIComponent(that.value))) +
+ "?lang=" + encodeURIComponent(that.lang);
window.addEventListener("vpu-auth-init", function(e)
{