Responsieve lay-out uitproberen in We.Detailhandel trying-out-responsive-layout-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 in combinatie met de Layout in de pagina-editor. Hiermee kunt u afhankelijk van het apparaat een responsieve indeling maken en bewerken.
Uitproberen trying-it-out
-
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
-
Overschakelen op Voorvertoning om te zien hoe de pagina wordt weergegeven aan een bezoeker van de website. Omlaag schuiven naar de inhoud van het artikel Aloha spirits in Noord-Noorwegen.
-
Wijzig de grootte van het browservenster en bekijk hoe de lay-out dynamisch wordt aangepast aan de grootte van het venster.
-
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.
-
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.
Aanvullende informatie further-information
Raadpleeg het ontwerpdocument voor meer informatie Responsieve lay-out of het beheerdersdocument Container en lay-outmodus voor lay-out configureren voor volledige technische details.