DocumentatieAEM 6.5Handboek

Gebruik de modus Lay-out om het formaat van componenten te wijzigen use-layout-mode-to-resize-components

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Gebruiker
  • Ontwikkelaar

De interactieve Communicatie het kanaal van het Web auteursinterface laat u toe om componenten te resize gebruikend de wijze van de Lay-out. Sleep blauwe stippen in kolommen om de begin- en eindpunten voor de positiecomponenten te definiëren. De blauwe stippen worden weergegeven nadat u op de component in het responsieve raster hebt getikt. Het responsieve raster bestaat uit twaalf gelijke kolommen. Met de witte en blauwe kleurschaduw in alternatieve kolommen wordt de ene kolom onderscheiden van de andere.

U kunt de modus Lay-out gebruiken om het formaat van componenten te wijzigen voor alle apparaattypen, zoals bureaublad, tablet, telefoon en andere kleinere apparaten. De tablet leidt automatisch de lay-outconfiguratie van de Desktopversie af en de kleinere apparaten leiden lay-outconfiguratie van telefoon af. Nochtans, kunt u de automatisch afgeleide configuraties met voeten treden om een verschillende configuratie voor elk apparatentype te bepalen.

NOTE
Als u het kanaal van het Web creeert gebruikend het kanaal van de Druk als meestervoor een Interactieve Mededeling, omvatten de componenten beschikbaar voor het resizing ook subforms en gebieden die in het kanaal van het Web gebruikend het kanaal van de Druk auto-geproduceerd zijn. Het kanaal van het Web behoudt de lay-out voor de het kanaalelementen van de Druk op de wijze van de Lay-out.

Modus Toegang tot layout access-layout-mode

Selecteer Lay-out van de drop-down lijst die bij de bovenkant van de Interactieve Communicatie auteursinterface naast de 3} optie van de Voorproef {verschijnt. Het formulier wordt weergegeven in de modus Indeling.

  1. Login aan de AEM auteursinstantie en navigeer aan Adobe Experience Manager > Forms > Forms & Documenten.

  2. Creeer een Interactieve Communicatieof open bestaande.

  3. Selecteer Lay-out van de drop-down lijst die bij de bovenkant naast de 3} optie van de Voorproef {verschijnt. Het formulier wordt weergegeven in de modus Indeling.

    wijze van de Lay-out voor Interactieve Mededelingen

Formaat van componenten wijzigen resize-components

  1. Selecteer in de modus Lay-out de component waarvan u het formaat wilt wijzigen. De blauwe stippen worden weergegeven aan het begin en einde van het responsieve raster.

  2. Sleep de blauwe stippen om de positie van de component in het responsieve raster te definiëren.

    het Vergroten van formaat gebruikend de wijze van de Lay-out

    De werkbalk die wordt weergegeven nadat u op componenten hebt getikt, bestaat uit de volgende opties:

    • Ouder: selecteer de ouder van een component.
    • Vloeiend aan nieuwe lijn: Verplaats de component aan de volgende lijn als er veelvoudige componenten binnen de zelfde lijn zijn.

    U kunt alle het resizing veranderingen ongedaan maken en standaardlay-out op het paneel toepassen dat resized componenten gebruikend Revert breakpoint layout ( terugkeren Breekpunt ) optie. Selecteer het bovenliggende element van de component waarvan de grootte is gewijzigd om de optie weer te geven.

    note note
    NOTE
    U kunt de grootte van tabelkolommen, werkbalkknop, en doelgebiedcomponenten niet wijzigen in de modus Indeling. Gebruik de modus Stijl om het formaat van deze componenten te wijzigen.

Voorbeeld example

Doel: u een lijstcomponent en een component van het Beeld wilt opnemen en hen parallel aan elkaar in een Interactieve Mededeling plaatsen.

  1. Voeg de tabel- en afbeeldingscomponenten in met de modus Bewerken in het webkanaal van een interactieve communicatie. De component image wordt weergegeven na de tabelcomponent.

  2. Schakel over naar de modus Lay-out en selecteer de component Tabel. De blauwe stippen om het formaat van de componentweergave te wijzigen in kolom 1 en 12.

  3. Sleep de blauwe stip in kolom 12 naar kolom 6 van het responsieve raster en zet deze neer.

    bepaalt het eindpunt van de lijst

  4. Selecteer op dezelfde manier de component Image en sleep de blauwe stip in kolom 1 tot kolom 7 van het responsieve raster. De tabel- en afbeeldingscomponenten worden parallel met elkaar weergegeven.

    Lijst en het beeld parallel op de wijze van de Lay-out

    U kunt de component van het Beeld selecteren en Vloeiend aan nieuwe lijn optie beschikbaar in de toolbar selecteren om de component van het Beeld naar de volgende lijn te verschuiven.

Deelvensters vergroten/verkleinen resize-panels-layout-mode

Voer de volgende stappen uit als u het formaat van het hele deelvenster wilt wijzigen in plaats van de afzonderlijke componenten:

  1. Selecteer om het even welke componenten in het paneel dat u wilt resize, Uitgezochte Ouder selecteren, en de eerste optie in de drop-down lijst selecteren, als het paneel de directe ouder van de component is.

    De blauwe stippen worden weergegeven aan het begin en einde van het responsieve raster.

  2. Sleep de blauwe stippen om de positie van het deelvenster in het responsieve raster te definiëren.
    U kunt stappen 1 en 2 herhalen en selecteren Uitgezochte Ouder om het resized paneel aan de volgende lijn te verschuiven.

Meerdere kolommen voor een deelvenster definiëren

Voer de volgende stappen uit om het aantal kolommen voor een deelvenster te definiëren:

  1. Op Edit wijze, selecteer het paneel, selecteer vormen , en selecteer Responsive - everything on the page without navigation optie van de Panel Layout drop-down lijst.

  2. Selecteer sparen om de eigenschappen te bewaren.

  3. Op de Layout wijze, selecteer om het even welke componenten in het paneel, selecteer Uitgezochte Ouder , en selecteer het paneel.

  4. Selecteer multi-column en selecteer het aantal kolommen van de drop-down lijst. Het aantal kolommen kan variëren van 1 tot 12. Het deelvenster wordt verdeeld in een lay-out met meerdere kolommen.

meerdere kolom op lay-outwijze

Lay-outmodus uitschakelen voor formulieren met oude responsieve indeling disable-layout-mode-for-forms-with-old-responsive-layout

U kunt de modus Indeling uitschakelen voor formulieren met een oude responsieve indeling door eigenschappen te bewerken voor de sjabloon die in het formulier wordt gebruikt.

Voer de volgende stappen uit om de modus Lay-out uit te schakelen:

  1. Selecteer Tools > General > Templates en open de sjabloon in het formulier in de modus Edit .

  2. Selecteer de Documentcontainer in het linkerdeelvenster en selecteer Policy.

    maak wijze van de Lay-out onbruikbaar

  3. Selecteer de tab Layout Settings en selecteer Disable Layout Mode .

  4. Selecteer sparen veranderingen om de malplaatjeeigenschappen te bewaren.

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