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 samen met de 2} wijze van de Lay-out in de paginaredacteur, die u laat uw ontvankelijke lay-out afhankelijk van apparaat tot stand brengen en uitgeven.
Uitproberen trying-it-out
-
Bewerk de pagina Arctic Surfing in de sectie Experience van de taalstramienvertakking.
http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html
-
Schakelaar aan Voorproef om de pagina te zien aangezien het aan een bezoeker van de website zou worden teruggegeven. De rol neer aan 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 in het bewerkingsmenu weergegeven, 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
Voor meer informatie, zie het auteursdocument Responsieve Lay-outof het beheerderdocument het Vormen de Container van de Lay-out en de Wijze van de Lay-outvoor volledige technische details.