Utilizzare la modalità Layout per ridimensionare i componenti use-layout-mode-to-resize-components

L’interfaccia di authoring del canale web di comunicazione interattiva consente di ridimensionare i componenti utilizzando la modalità Layout. Trascinate i punti blu all'interno delle colonne per definire i punti iniziale e finale per posizionare i componenti. I punti blu vengono visualizzati dopo aver toccato il componente nella griglia reattiva. La griglia reattiva è costituita da 12 colonne uguali. L'ombreggiatura dei colori bianco e blu nelle colonne alternative differenzia una colonna dall'altra.

Puoi utilizzare la modalità Layout per ridimensionare i componenti per tutti i tipi di dispositivi, ad esempio desktop, tablet, telefono e altri dispositivi più piccoli. Il tablet deriva automaticamente la configurazione del layout dalla versione desktop e i dispositivi più piccoli derivano la configurazione del layout dal telefono. Tuttavia, puoi sovrascrivere le configurazioni derivate automaticamente per definire una configurazione diversa per ciascun tipo di dispositivo.

NOTE
Se si crea il canale Web utilizzando Canale di stampa come master per una comunicazione interattiva, i componenti disponibili per il ridimensionamento includono anche i sottomoduli e i campi generati automaticamente nel canale Web utilizzando il canale di stampa. Il canale web mantiene il layout per gli elementi del canale Stampa in modalità Layout.

Modalità Layout di accesso access-layout-mode

Seleziona Layout dall'elenco a discesa visualizzato nella parte superiore dell'interfaccia di creazione delle comunicazioni interattive accanto all'opzione Anteprima. Il modulo viene visualizzato in modalità Layout.

  1. Accedi all'istanza di creazione dell'AEM e passa a Adobe Experience Manager > Forms > Forms e documenti.

  2. Crea una comunicazione interattiva o apri una comunicazione esistente.

  3. Seleziona Layout dall'elenco a discesa visualizzato nella parte superiore accanto all'opzione Anteprima. Il modulo viene visualizzato in modalità Layout.

    Modalità layout per le comunicazioni interattive

Ridimensionare i componenti resize-components

  1. In modalità Layout, seleziona il componente da ridimensionare. I punti blu vengono visualizzati all’inizio e alla fine della griglia reattiva.

  2. Trascina i punti blu per definire la posizione del componente nella griglia reattiva.

    Ridimensionamento in modalità Layout

    La barra degli strumenti visualizzata dopo aver toccato i componenti è costituita dalle seguenti opzioni:

    • Elemento padre: Selezionare il padre di un componente.
    • Mobile in nuova riga: Se nella stessa riga sono presenti più componenti, spostare il componente alla riga successiva.

    Puoi annullare tutte le modifiche di ridimensionamento e applicare il layout predefinito al pannello contenente i componenti ridimensionati utilizzando l'opzione Ripristina layout punto di interruzione ( Ripristina punto di interruzione ). Seleziona l’elemento padre del componente ridimensionato per visualizzare l’opzione.

    note note
    NOTE
    Non è possibile ridimensionare i componenti colonna tabella, barra degli strumenti, pulsante barra degli strumenti e area di destinazione utilizzando la modalità Layout. Utilizza la modalità Stile per ridimensionare questi componenti.

Esempio example

Obiettivo: inserire un componente tabella e un componente immagine e posizionarli in modo parallelo in una comunicazione interattiva.

  1. Inserisci i componenti tabella e immagine utilizzando la modalità Modifica nel canale web di una comunicazione interattiva. Il componente immagine viene visualizzato dopo il componente tabella.

  2. Passa alla modalità Layout e seleziona il componente Tabella. I punti blu per ridimensionare il componente vengono visualizzati nelle colonne 1 e 12.

  3. Trascina il punto blu nella colonna 12 alla colonna 6 della griglia reattiva.

    Definire il punto finale della tabella

  4. Allo stesso modo, seleziona il componente Immagine e trascina il punto blu nella colonna 1 fino alla colonna 7 della griglia reattiva. I componenti tabella e immagine vengono visualizzati in parallelo.

    Tabella e immagine in parallelo in modalità Layout

    Puoi selezionare il componente Immagine e l'opzione Mobile in nuova riga disponibile nella barra degli strumenti per spostare il componente Immagine alla riga successiva.

Ridimensiona pannelli resize-panels-layout-mode

Per ridimensionare l’intero pannello al posto dei singoli componenti, effettua le seguenti operazioni:

  1. Selezionare uno dei componenti del pannello che si desidera ridimensionare, selezionare Seleziona elemento padre e selezionare la prima opzione nell'elenco a discesa, se il pannello è l'elemento padre immediato del componente.

    I punti blu vengono visualizzati all’inizio e alla fine della griglia reattiva.

  2. Trascina i punti blu per definire la posizione del pannello nella griglia reattiva.
    È possibile ripetere i passaggi 1 e 2 e selezionare Seleziona elemento padre per spostare il pannello ridimensionato alla riga successiva.

Definire il layout a più colonne per un pannello

Per definire il numero di colonne di un pannello, esegui i seguenti passaggi:

  1. In modalità Modifica, seleziona il pannello, seleziona Configura , quindi seleziona Reattivo - tutto nella pagina senza navigazione dall'elenco a discesa Layout pannello.

  2. Seleziona Salva per salvare le proprietà.

  3. Nella modalità Layout, seleziona uno dei componenti del pannello, seleziona Seleziona elemento padre e seleziona il pannello.

  4. Selezionare più colonne e selezionare il numero di colonne dall'elenco a discesa. Il numero di colonne può essere compreso tra 1 e 12. Il pannello viene diviso in un layout a più colonne.

più colonne in modalità layout

Disattiva la modalità Layout per i moduli con layout reattivo precedente disable-layout-mode-for-forms-with-old-responsive-layout

È possibile disattivare la modalità Layout per i moduli con layout reattivo precedente modificando le proprietà del modello utilizzato nel modulo.

Per disattivare la modalità Layout, effettua le seguenti operazioni:

  1. Seleziona Strumenti > Generale > Modelli e apri il modello utilizzato nel modulo in modalità Modifica.

  2. Selezionare il Contenitore documenti nel riquadro di sinistra e selezionare Criterio.

    Disattiva modalità layout

  3. Selezionare la scheda Impostazioni layout e selezionare Disattiva modalità layout.

  4. Seleziona Salva modifiche per salvare le proprietà del modello.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2