Question

我在Adobe论坛中发布了AEM相关问题，但我仍然无法解决配置问题。

一个是我想在editor.html顶部显示标尺和响应式模拟器菜单

其次是我希望组件可以自定义。例如，如果您在editor.html的页面上删除文本组件，则可以通过侧面的药物蓝点调整组件的宽度。

Adobe论坛中的原始问题有我当前的配置，它与截图和细节不太一致。

原始问题：https://forums.adobe.com/thread/2376694

有人会帮我解决我的问题吗？

Answer 1

要在AEM中启用标尺和布局模式，您需要执行以下几项操作。

标尺（模拟器）

确保/libs/wcm/mobile/components/simulator/simulator.jsp位于页面的首页

使用MobileEmulatorProvider注册页面组件。例如：

com.day.cq.wcm.mobile.core.impl.MobileEmulatorProvider-alias.xml:
mobile.resourceTypes=[geometrixx-media/components/page]

将cq:deviceGroup属性添加到根内容节点（即/ etc / mobile / groups / responsive）

注意：除非将页面视为“响应”，否则标尺不会显示。 “模拟器”属性不得在http://localhost:4502/libs/wcm/core/content/pageinfo.json?path=<path to page>

处为空

布局模式

将cq:responsive节点添加到根内容节点（只需从geometrixx-media获取它）。例如：

<cq:responsive jcr:primaryType="nt:unstructured">
   <breakpoints jcr:primaryType="nt:unstructured">
      <phone jcr:primaryType="nt:unstructured" title="{String}Phone" width="{Decimal}768"/>
      <tablet jcr:primaryType="nt:unstructured" title="{String}Tablet" width="{Decimal}1200"/>
   </breakpoints>
</cq:responsive>

如果不是从基础页面组件继承，则将/libs/foundation/components/page/cq:infoProviders/responsive节点添加到页面组件
改变＆＃34; par＆＃34; parsys的类型为wcm/foundation/components/responsivegrid
在项目中包含响应式css客户端lib（见下文）

更多信息：https://docs.adobe.com/docs/en/aem/6-2/author/page-authoring/responsive-layout.html

AEM：响应网格不显示布局模式

1 个答案: