DokumentationAEM 6.5Användarhandbok

Använd layoutläget för att ändra storlek på komponenter use-layout-mode-to-resize-components

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Gäller:
  • Experience Manager 6.5
  • Ämnen:

Skapat för:

  • Användare
  • Utvecklare

Med gränssnittet Interactive Communication Web Channel kan du ändra storlek på komponenter i layoutläget. Dra och släpp blå punkter i kolumner för att definiera start- och slutpunkterna för placering av komponenter. De blå punkterna visas när du har tryckt på komponenten i det responsiva rutnätet. Det responsiva rutnätet består av 12 lika stora kolumner. Den vita och blå färgskuggningen i alternativa kolumner skiljer den ena kolumnen från den andra.

Du kan använda layoutläget för att ändra storlek på komponenter för alla enhetstyper, som stationära datorer, surfplattor, telefoner och andra mindre enheter. Tabletten hämtar automatiskt layoutkonfigurationen från skrivbordsversionen och de mindre enheterna hämtar layoutkonfigurationen från telefonen. Du kan dock åsidosätta de automatiskt härledda konfigurationerna för att definiera olika konfigurationer för varje enhetstyp.

NOTE
Om du skapar webbkanalen med Utskriftskanalen som master för en interaktiv kommunikation, inkluderar de komponenter som är tillgängliga för storleksändring även de delformulär och fält som genereras automatiskt i webbkanalen med hjälp av utskriftskanalen. Webbkanalen behåller layouten för Print channel-elementen i layoutläge.

Åtkomst till layoutläge access-layout-mode

Välj Layout i listrutan som visas högst upp i redigeringsgränssnittet för interaktiv kommunikation bredvid alternativet Förhandsgranska . Formuläret visas i layoutläget.

  1. Logga in på AEM författarinstans och gå till Adobe Experience Manager > Forms > Forms & Documents.

  2. Skapa en interaktiv kommunikation eller öppna en befintlig.

  3. Välj Layout i listrutan som visas högst upp bredvid alternativet Förhandsvisa . Formuläret visas i layoutläget.

    Layoutläge för interaktiv kommunikation

Ändra storlek på komponenter resize-components

  1. Markera den komponent som du vill ändra storlek på i layoutläget. De blå punkterna visas i början och slutet av det responsiva rutnätet.

  2. Dra och släpp de blå punkterna för att definiera placeringen av komponenten i det responsiva rutnätet.

    Ändra storlek i layoutläge

    Verktygsfältet som visas när du har tryckt på komponenter består av följande alternativ:

    • Överordnad: Markera den överordnade komponenten för en komponent.
    • Flyt till ny rad: Skifta komponenten till nästa rad om det finns flera komponenter inom samma rad.

    Du kan ångra alla storleksändringar och använda standardlayout på panelen som innehåller storleksändrade komponenter med alternativet Revert breakpoint layout ( Återställ brytpunkt ). Markera den överordnade komponenten för den storleksändrade komponenten för att visa alternativet.

    note note
    NOTE
    Du kan inte ändra storlek på tabellkolumn, verktygsfält, verktygsfältsknapp och målområdeskomponenter i layoutläget. Använd stilläget om du vill ändra storlek på de här komponenterna.

Exempel example

Mål: Du vill infoga en tabellkomponent och en bildkomponent och placera dem parallellt med varandra i ett interaktivt meddelande.

  1. Infoga tabell- och bildkomponenterna i redigeringsläget i webbkanalen i en interaktiv kommunikation. Bildkomponenten visas efter tabellkomponenten.

  2. Växla till layoutläge och markera tabellkomponenten. De blå punkter som komponentvisningen ska ändra storlek på i kolumnerna 1 och 12.

  3. Dra och släpp den blå punkten i kolumn 12 till kolumn 6 i det responsiva rutnätet.

    Definiera tabellens slutpunkt

  4. Markera på samma sätt bildkomponenten och dra och släpp den blå punkten i kolumn 1 till kolumn 7 i det responsiva rutnätet. Tabellen och bildkomponenterna visas parallellt med varandra.

    Tabell och bilden parallellt i layoutläge

    Du kan markera bildkomponenten och välja alternativet Flyt till ny rad i verktygsfältet för att flytta bildkomponenten till nästa rad.

Ändra storlek på paneler resize-panels-layout-mode

Utför följande steg om du vill ändra storlek på hela panelen i stället för enskilda komponenter:

  1. Markera någon av komponenterna på panelen som du vill ändra storlek på, välj Markera överordnad och välj det första alternativet i listrutan, om panelen är komponentens omedelbara överordnade.

    De blå punkterna visas i början och slutet av det responsiva rutnätet.

  2. Dra och släpp de blå punkterna för att definiera panelens position i det responsiva rutnätet.
    Du kan upprepa steg 1 och 2 och välja Välj överordnad för att flytta den storleksändrade panelen till nästa rad.

Definiera layout med flera kolumner för en panel

Utför följande steg för att definiera antalet kolumner för en panel:

  1. I läget Edit markerar du panelen, väljer Konfigurera och väljer Responsive - everything on the page without navigation alternativ i listrutan Panel Layout.

  2. Välj Spara om du vill spara egenskaperna.

  3. I Layout-läget markerar du någon av komponenterna på panelen, väljer Markera överordnad och markerar panelen.

  4. Välj flera kolumner och välj antalet kolumner i listrutan. Antalet kolumner kan vara mellan 1 och 12. Panelen delas upp i en layout med flera kolumner.

flera kolumner i layoutläge

Inaktivera layoutläget för formulär med gammal responsiv layout disable-layout-mode-for-forms-with-old-responsive-layout

Du kan inaktivera layoutläget för formulär med äldre responsiv layout genom att redigera egenskaperna för mallen som används i formuläret.

Utför följande steg för att inaktivera layoutläget:

  1. Välj Tools > General > Templates och öppna mallen som används i formuläret i Edit-läge.

  2. Markera dokumentbehållaren i den vänstra rutan och välj Policy.

    Inaktivera layoutläge

  3. Välj fliken Layout Settings och välj Disable Layout Mode.

  4. Välj Spara ändringar om du vill spara mallegenskaperna.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2