2017-08-29 76 views
1

我在Adobe論壇中發佈了與AEM相關的問題,但我仍然無法解決配置問題。AEM:響應式網格不顯示佈局模式

之一是,我想在editor.html

二的上方顯示標尺和響應仿真器菜單是我想的部件有定製的帶。例如,如果您在editor.html的某個頁面上放置文本組件,則可以通過側面的藥物藍點來調整該組件的寬度。

在Adobe論壇中的原始問題有我目前的配置,它不完全與屏幕截圖和細節工作。

原題:https://forums.adobe.com/thread/2376694

會有人幫我解決,我有問題?

回答

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 /移動/組/響應)

注:統治者將不會出現,除非頁面被視爲「響應」。在「仿真器」屬性不能爲空在http://localhost:4502/libs/wcm/core/content/pageinfo.json?path=<path to page>

布點模式

  • cq:responsive節點添加到根內容節點(剛從geometrixx媒體抓住它)。例如:

    <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節點頁面組件

  • 變化「相提並論」 parsys爲類型wcm/foundation/components/responsivegrid
  • 包括響應CSS客戶端的lib在該項目(見下文)

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

+0

我STI我不明白是什麼讓模擬器隱藏起來,但是當我關注@mickleroy的帖子。有效! 謝謝你的回答! –