Impostazione di un testo vuoto su un parsys da prua (AEM6)
Domanda
In Stratamente / AEM6, quando include un componente di Parsys, come posso impostare il testo che dice 'Trascina componenti qui' (CQ: EmplextWext) per utilizzare una stringa localizzata?Ho diversi componenti di Parsys come bambini di un componente personalizzato e ho bisogno di un testo diverso per ciascun (E.G. Trascinare i componenti di immagine qui, trascinare i componenti del collegamento qui).
Soluzione
Sfortunatamente sembra essere difficile da utilizzare per utilizzare una stringa specifica I18N, in /libs/cq/gui/components/authoring/clientlibs/editor/js/model/inspectable.js
Tuttavia, sono stato in grado di sovrascrivere il controllo dei parsys e modificare le classi CSS del nuovoPAR da new section
a cq-placeholder section
e quindi includere data-emptytext="Custom text"
sullo stesso elemento HTML.
Altri suggerimenti
In CQ5.6 Possiamo fare quanto segue, forse funziona con AEM 6:
- .
- Eredita il tuo componente da / libs / fondazione / componenti / parsys
- Aggiungi un nodo Quale nome è "nuovo" sotto il tuo nodo del componente, quale fionda: il resourcetype è fondamento / componenti / parsys / nuovo o semplicemente copiare / libs / fondazione / componenti / parsys / new
- Aggiungi CQ: SMOTETTURT Proprietà a questo nodo, che è il testo visualizzato nella casella.
Vedi il seguente codice:
<div id="myTabContent" class="tab-content" data-sly-list="${properties.titles}">
<div data-sly-test.resourcePath1="${'{0}{1}' @ format=['tab',itemList.index]}" class="${itemList.index != 0 && wcmmode.isPreview ? 'tab-pane fade' : 'tab-pane fade in active'}" id="${item}">
<div data-sly-resource="${ resourcePath1 @ resourceType='wcm/foundation/components/parsys/newpar'}" class="cq-placeholder section" data-emptytext="${item}'s content"></div>
</div>
.