Prova il layout reattivo in We.Retail

Tutte le pagine We.Retail utilizzano il componente Contenitore di layout per implementare una progettazione reattiva. Il contenitore layout fornisce un sistema paragrafo che consente di posizionare i componenti all’interno di una griglia reattiva. Questa griglia può ridisporre il layout in base alle dimensioni e al formato del dispositivo/finestra. Il componente viene utilizzato insieme alla modalità Layout nell’editor di pagine, che consente di creare e modificare il layout reattivo in base al dispositivo.

Prova

  1. Modifica la pagina Navigazione artica nella sezione Esperienze del ramo principale lingua.

    http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html

  2. Passa a Anteprima per visualizzare l’aspetto che la pagina avrà per un visitatore del sito web. Scorri verso il basso fino al contenuto dell'articolo Aloha acquavite in Norvegia settentrionale.

    chlimage_1-178

  3. Ridimensiona la finestra del browser e osserva come il layout si adatta dinamicamente al ridimensionamento.

    chlimage_1-179

  4. Passa alla modalità Layout . Viene visualizzata automaticamente la barra degli strumenti dell’emulatore, che consente di pianificare il layout per dispositivo di destinazione.

    Quando si seleziona un componente, vengono visualizzate le opzioni mobili e nascoste nel menu di modifica e le relative maniglie di ridimensionamento.

    chlimage_1-180

  5. Quando si seleziona e si trascina la maniglia di ridimensionamento del componente, viene automaticamente visualizzata la griglia di layout che consente di eseguire le operazioni di ridimensionamento.

    chlimage_1-181

Ulteriori informazioni

Per ulteriori informazioni, consulta il documento di authoring Layout reattivo o il documento di amministrazione Configurazione del contenitore di layout e della modalità di layout per informazioni tecniche complete.

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now