HTL-如何在另一个页面上显示页面，如弹出式窗口/模式

我试图使用现有页面（通过TouchUI中的pathbrowser选择）作为我的HTL页面上的弹出窗口/模式。有没有一种方法可以从不同的文件中轻松地添加/注入HTML？它更注重视觉效果并在页面上呈现该html，而不是如何构建对话窗口。HTL-如何在另一个页面上显示页面，如弹出式窗口/模式

来源

2017-02-09 fernando

您需要的是在页面中包含内容（不是模板），最好使用data-sly-resource与页面路径（/ content/myapp/content/myPageIwantToDisplayAsModal）。这将在您的网页上呈现相关的html - 请记住，在AEM内容知道如何显示自己 - 如上所述，你只需要参考内容

也许你也可以利用选择器的使用不显示与<head>部分和不必要的<body>标签

因此，例如，沿着整个HTML：

<div data-sly-resource="${'/content/myapp/content/myPageIwantToDisplayAsModal' @ selectors=['content']}"></div>

为referrence去这里https://docs.adobe.com/docs/en/htl/docs/block-statements.html

来源

2017-02-09 14:00:42 ub1k

一种方法是使用引用组件并注入引用页面的HTML。然后你可以使用JS/CSS魔术来将它打包/设置为一个弹出窗口。

来源

2017-02-09 13:30:38

我正在看但似乎不工作..弹出不是问题（css和js）只是如何注入html代码 – fernando

使用data-sly-resource而不是include –

HTL-如何在另一个页面上显示页面，如弹出式窗口/模式

回答

相关问题