AEM 6.1 Registerkarte hinzufügen, um UI-Seiteneigenschaften zu berühren

Question

Ich versuche, neue Registerkarten hinzuzufügen und Registerkarten/Elemente in den funktionierenden Seiteneigenschaften zu entfernen.

Bisher habe ich durch diese ähnliche Frage gelesen haben: http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__m3tp-there_is_anarticle.html

Welche führen mich zu dieser Adobe angezeigten Links und Github Beispiel:

• https://docs.adobe.com/docs/en/aem/6-1/author/page-authoring/managing-pages.html#Creating%20a%20New%20Page%20-%20Touch-optimized%20UI
• https://docs.adobe.com/docs/en/aem/6-1/develop/extending/customizing-page-properties/page-properties-views.html
• https://github.com/Adobe-Marketing-Cloud/aem-authoring-extension-page-dialog/blob/master/src/main/content/jcr_root/apps/demos/components/page/_cq_dialog/.content.xml

I h ave hat das github-Beispiel einer .context.xml für die Seiteneigenschaften der Seite kopiert und es versteckt nichts.

I ersetzt auch cq: showOnCreate = "{Boolean} false" mit cq: hideOnEdit = "{Boolean} true" wie die vorherige Forum Adobe-Hilfe vorgeschlagen und dies entweder nicht funktioniert.

Wie kann ich Objekte ein- und ausblenden?

Auch in der Vergangenheit mit Classic UI wir in der Lage waren, etwas zu tun, um mehr Registerkarten sind:

<sample 
jcr:primaryType="cq:Widget" 
path="/apps/company/components/Pages/basePage/sample_tab.infinity.json" 
xtype="cqinclude"/> 

Wie füge ich neue Tabs in Touch UI mit etwas Ähnliches wie infinity.json? Granit enthalten?

Answer 1

Sie können Registerkarten in Touch genauso wiederverwenden wie in Classic, indem Sie granite/ui/components/foundation/include mit der Eigenschaft path verwenden.

Im folgenden Beispiel haben wir eine Überschriftenkomponente, die ein normales Text-Widget enthält und eine wiederverwendbare Registerkarte Komponenteneinstellungen einliest. Ich habe die freigegebenen Tabs unter /apps/mysite/dialogs/granite/tabs platziert, aber das ist keine Voraussetzung, Sie können einfach die path Eigenschaft aktualisieren.

Dies ist die Komponente Dialog auf /apps/mysite/components/heading/_cq_dialog.xml:

<?xml version="1.0" encoding="UTF-8"?> 
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0" 
    jcr:primaryType="nt:unstructured" 
    jcr:title="Heading" 
    sling:resourceType="cq/gui/components/authoring/dialog" 
    helpPath="en/cq/current/wcm/default_components.html#Carousel"> 
    <content 
     jcr:primaryType="nt:unstructured" 
     sling:resourceType="granite/ui/components/foundation/container"> 
     <layout 
      jcr:primaryType="nt:unstructured" 
      sling:resourceType="granite/ui/components/foundation/layouts/tabs" 
      type="nav"/> 
     <items jcr:primaryType="nt:unstructured"> 
      <generalSettings 
       jcr:primaryType="nt:unstructured" 
       jcr:title="General Settings" 
       sling:resourceType="granite/ui/components/foundation/section"> 
       <layout 
        jcr:primaryType="nt:unstructured" 
        sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/> 
       <items jcr:primaryType="nt:unstructured"> 
        <column 
         jcr:primaryType="nt:unstructured" 
         sling:resourceType="granite/ui/components/foundation/container"> 
         <items jcr:primaryType="nt:unstructured"> 
          <headingText 
           jcr:primaryType="nt:unstructured" 
           sling:resourceType="granite/ui/components/foundation/form/textfield" 
           fieldLabel="Text" 
           name="./text"/> 
         </items> 
        </column> 
       </items> 
      </generalSettings> 
      <componentSettings 
       jcr:title="Component Settings" 
       jcr:primaryType="nt:unstructured" 
       sling:resourceType="granite/ui/components/foundation/include" 
       path="mysite/dialogs/granite/tabs/componentSettings"/> 
     </items> 
    </content> 
</jcr:root> 

Die wiederverwendbare Registerkarte Komponenteneinstellungen lebt bei /apps/mysite/dialogs/granite/tabs/componentSettings.xml:

<?xml version="1.0" encoding="UTF-8"?> 
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0" 
    jcr:primaryType="nt:unstructured" 
    jcr:title="Settings" 
    sling:resourceType="granite/ui/components/foundation/section"> 
    <layout 
     jcr:primaryType="nt:unstructured" 
     sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns" 
     margin="{Boolean}false"/> 
    <items jcr:primaryType="nt:unstructured"> 
     <column 
      jcr:primaryType="nt:unstructured" 
      sling:resourceType="granite/ui/components/foundation/container"> 
      <items jcr:primaryType="nt:unstructured"> 
       <componentId 
        jcr:primaryType="nt:unstructured" 
        sling:resourceType="granite/ui/components/foundation/form/textfield" 
        fieldLabel="Component Id" 
        name="./componentId"/> 
      </items> 
     </column> 
    </items> 
</jcr:root>