Responsieve lay-out uitproberen in We.Retail

Alle pagina's Web.Retail gebruiken de component van de Container van de Lay-out om ontvankelijk ontwerp uit te voeren. De lay-outcontainer biedt een alineasysteem waarmee u componenten binnen een responsief raster kunt plaatsen. Met dit raster kunt u de lay-out opnieuw rangschikken op basis van de grootte en de indeling van het apparaat/venster. De component wordt gebruikt samen met de wijze Layout in de paginaredacteur, die u toestaat om uw ontvankelijke lay-out afhankelijk van apparaat tot stand te brengen en uit te geven.

Uitproberen

  1. Bewerk de pagina Arctic Surfing in de sectie Experience van de master taalvertakking.

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

  2. Schakel over naar Voorvertoning om de pagina weer te geven zoals deze wordt weergegeven aan een bezoeker van de website. Schuif omlaag naar de inhoud van het artikel Aloha spirits in Norther Norway.

    chlimage_1-178

  3. Wijzig de grootte van het browservenster en bekijk hoe de lay-out dynamisch wordt aangepast aan de grootte van het venster.

    chlimage_1-179

  4. Schakel over naar de modus Lay-out. De emulatorwerkbalk wordt automatisch weergegeven, zodat u de lay-out per doelapparaat kunt plannen.

    Als u een component selecteert, worden zwevende en verborgen opties weergegeven in het bewerkingsmenu, samen met formaatgrepen voor de component.

    chlimage_1-180

  5. Als u de formaatgreep van de component vastgrijpt en sleept, wordt automatisch het layoutraster weergegeven om u te helpen met het wijzigen van de grootte.

    chlimage_1-181

Aanvullende informatie

Raadpleeg voor meer informatie het ontwerpdocument Responsieve lay-out of het beheerdersdocument Container voor lay-out en lay-outmodus configureren voor volledige technische details.

Op deze pagina