Prova di layout reattivo in We.Retail

Tutte le pagine We.Retail utilizzano il componente Contenitore di layout per implementare un design reattivo. Il Contenitore di layout offre 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 pagina, che consente di creare e modificare il layout reattivo in base al dispositivo.

Prova

  1. Modificate la pagina Navigazione artica nella sezione Esperienze del ramo master lingua.

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

  2. Passate a Anteprima per visualizzare la pagina così come verrebbe rappresentata a un visitatore del sito Web. Scorrete verso il basso fino al contenuto dell'articolo Aloha spiriti in Norvegia settentrionale.

    chlimage_1-178

  3. Ridimensionate la finestra del browser e guardate come il layout si adatta dinamicamente al ridimensionamento.

    chlimage_1-179

  4. Passate alla modalità Layout. La barra degli strumenti dell'emulatore viene visualizzata automaticamente e consente di pianificare il layout per dispositivo di destinazione.

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

    chlimage_1-180

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

    chlimage_1-181

Ulteriori informazioni

Per ulteriori informazioni, consultare il documento di authoring Layout reattivo o il documento dell'amministratore Configuring Layout Container and Layout Mode per informazioni tecniche complete.

In questa pagina