Använd layoutläget för att ändra storlek på komponenter

Med redigeringsgränssnittet Adaptivt formulär kan du ändra storlek på komponenter i layoutläget. Dra blå punkter i kolumner för att definiera start- och slutpunkterna för att placera 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.

Åtkomst till layoutläge

Välj Layout från listrutan som visas högst upp i redigeringsgränssnittet för adaptiva formulär bredvid Preview alternativ. Formuläret visas i layoutläget.

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

2. Skapa ett nytt eller öppna ett befintligt Adaptiv form.

3. Välj Layout från listrutan som visas högst upp bredvid Preview alternativ. Formuläret visas i layoutläget.

   

Ändra storlek på komponenter

1. Tryck på komponenten för att ändra storlek 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.

   

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

   • Parent: Markera den överordnade komponenten för en komponent.
   • Revert breakpoint layout: Ångra alla storleksändringar och använd standardlayout på komponenten.
   • Float to new line: Flytta komponenten till nästa rad om det finns flera komponenter på samma rad.

   Du kan också använda Revert breakpoint layout ( ) på panelnivå om du vill ångra alla storleksändringar.

   OBSERVERA

   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å komponenterna.

Exempel

Mål: Du vill infoga en tabellkomponent och en bildkomponent och placera dem parallellt med varandra i en adaptiv form.

1. Infoga tabell- och bildkomponenter med Edit i Adaptiv form. Bildkomponenten visas efter tabellkomponenten.

2. Växla till Layout och tryck på Table -komponenten. De blå punkter som komponentvisningen ska ändra storlek på i kolumnerna 1 och 12.

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

   

4. På samma sätt väljer du Image och dra den blå punkten i kolumn 1 till kolumn 7 i det responsiva rutnätet. Tabellen och bildkomponenterna visas parallellt med varandra.

   

   Du kan välja komponenten Bild och trycka på Float to new line som finns i verktygsfältet för att flytta bildkomponenten till nästa rad.

Ändra storlek på paneler

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

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

   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 om du vill ändra 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 Edit läge, tryck på panelen, välj och markera Responsive - everything on the page without navigation från Panel Layout nedrullningsbar lista.

2. Tryck för att spara egenskaperna.

3. I Layout läge, tryck på någon av komponenterna i panelen, välj och markerar panelen.

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

Aktivera det nya responsiva rutnätet för äldre responsiva layouter

Aktivera det nya responsiva rutnätet för formulär som du skapar med Adobe Experience Manager Forms 6.4 eller tidigare för att ändra storlek på komponenter.

Gör så här för att aktivera det nya responsiva rutnätet:

1. Välj Layout från listrutan som visas högst upp bredvid Preview alternativ. En bekräftelse som aktiverar layoutläget visas.
2. Tryck Yes för att aktivera Layout formulärets läge.

Bädda in ett gammalt fragment i ett adaptivt formulär med ny responsiv layout

Med den nya responsiva layouten för adaptiva formulär kan du lägga till ett adaptivt formulärfragment med den gamla responsiva layouten i formuläret. Den nya layouten tar dock bort de layoutegenskaper som redan har definierats för komponenter som används i fragmentet. Du kan växla till layoutläget för att definiera layoutegenskaperna för komponenter som används i fragmentet.

Bädda in ett fragment med ny responsiv layout i ett gammalt adaptivt format

Om du bäddar in ett fragment med den nya responsiva layouten i ett adaptivt formulär med en gammal responsiv layout uppmanas du att aktivera layoutläget för formuläret och bädda in fragmentet igen.

Om du vill aktivera layoutläget väljer du Layout från listrutan som visas högst upp bredvid Preview och trycka Yes för att bekräfta. Välj Edit för att bädda in fragmentet igen.

Inaktivera layoutläget för formulär med gammal responsiv 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 formulärbehållaren i den vänstra rutan och tryck på Policy.

   

3. Tryck på Layout Settings och markera Disable Layout Mode.

4. Tryck om du vill spara mallegenskaperna.

Resurser för Business.Adobe.com