Show Menu
TOPICS×

Componente contenitore

Il componente Contenitore componenti core consente la creazione di un contenitore per più componenti aggiuntivi su una pagina.

Utilizzo

Il componente Contenitore componenti core consente di creare un contenitore per più componenti aggiuntivi su una pagina e può essere utilizzato per raggruppare altri componenti e applicare uno stile o un layout comune.
  • Le proprietà del contenitore possono essere selezionate nella finestra di dialogo di configurazione.
  • I valori predefiniti per il componente Contenitore quando viene aggiunto a una pagina possono essere definiti nella finestra di dialogo Finestra di dialogo Progettazione della progettazione.

Versione e compatibilità

La versione corrente del componente contenitore è v1, introdotto con la release 2.5.0 dei componenti core nel giugno 2019, ed è descritto in questo documento.
La tabella seguente elenca tutte le versioni supportate del componente, le versioni AEM con cui sono compatibili le versioni del componente e i collegamenti alla documentazione delle versioni precedenti.
Versione componente
AEM 6.3
AEM 6.4
AEM 6.5
v1
Compatibile
Compatibile
Compatibile
Per ulteriori informazioni sulle versioni e sulle versioni dei componenti core, consulta il documento Versioni dei componenti core.

Output componente di esempio

Per provare il componente Contenitore ed esempi delle relative opzioni di configurazione, nonché dell’output HTML e JSON, visita la Libreria container.html Componenti.

Dettagli tecnici

La documentazione tecnica più recente sul componente contenitore è disponibile su GitHub .
Per ulteriori informazioni sullo sviluppo dei componenti core, consulta la documentazione per lo sviluppatore di componenti core.

Configura finestra di dialogo

La finestra di dialogo di configurazione consente all'autore del contenuto di definire l'elemento contenitore e il suo funzionamento e la sua visualizzazione sulla pagina da parte di un visitatore.
  • Layout
    - Questa opzione definisce il comportamento o il comportamento del layout del componente Contenitore.
    • Semplice
      - Definisce un contenitore come una semplice raccolta di componenti
    • Griglia
      reattiva - Definisce un contenitore come griglia reattiva AEM
  • ID
    - Utilizzate questa opzione per definire l'attributo ID HTML da applicare al componente.
  • Colore
    di sfondo - Definibile come valori RGB a forma libera o utilizzando il selettore colore, a seconda della configurazione
  • Immagine
    di sfondo - Definisce un colore di sfondo per il contenitore, a seconda della configurazione

Finestra di dialogo Progettazione

La finestra di dialogo di progettazione consente all'autore del modello di definire le opzioni disponibili per l'autore del contenuto che utilizza il componente Contenitore.

Scheda Componenti consentiti

La scheda Componenti consentiti viene utilizzata per definire quali componenti possono essere aggiunti al componente Contenitore dall’autore del contenuto come elementi.
La scheda Componenti consentiti funziona nello stesso modo della scheda con lo stesso nome quando si definisce il criterio e le proprietà di un Contenitore di layout nell'Editor modelli.

Scheda Componenti predefiniti

La scheda Componenti predefiniti consente di definire quale componente viene aggiunto al componente quando un particolare tipo di risorsa viene rilasciato sul contenitore, in modo simile alla definizione dei componenti predefiniti nel modello di pagina.

Scheda Impostazioni reattive

  • Colonne
    - Definisce il numero di colonne nella griglia del contenitore risultante.

Scheda Sfondo

  • Immagine di sfondo
    • Abilita immagine
      di sfondo - Selezionate questa opzione per consentire all'autore del contenuto di definire un'immagine di sfondo per il contenitore.
  • Colore di sfondo
    • Attiva colore
      di sfondo - Selezionate questa opzione per consentire all'autore del contenuto di definire un colore di sfondo per il contenitore.
    • Solo
      campioni - Selezionate questa opzione per consentire all’autore del contenuto di selezionare solo i campioni colore predefiniti per il colore di sfondo del contenitore.
      • Disponibile solo se
        Attiva colore
        di sfondo è selezionato
  • Campioni consentiti
    - Consente di definire i colori predefiniti da cui l'autore del contenuto può selezionare il colore di sfondo del contenitore
    • Usate il pulsante
      Aggiungi
      per aggiungere un campione colore predefinito. Una volta aggiunta, una voce viene aggiunta all'elenco, che contiene le seguenti colonne:
    • Valore
      - Definire manualmente il colore tramite i valori RGB
      • Toccate o fate clic sul selettore colore per selezionare più facilmente un colore regolando i singoli valori RGB o definendo un valore esadecimale.
    • Elimina
      - Toccate o fate clic per eliminare un campione.
    • Ridisponi
      - Toccate o fate clic e trascinate per riordinare i campioni.

Scheda Stili

Il componente Contenitore supporta AEM Style System .