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

Adobe beveelt aan moderne en uitbreidbare gegevensvastlegging te gebruiken Kernonderdelenfor nieuwe Adaptieve Forms makenof Aangepaste Forms toevoegen aan AEM Sites-pagina's. Deze componenten betekenen een aanzienlijke vooruitgang in de aanmaak van Adaptive Forms en zorgen voor indrukwekkende gebruikerservaring. In dit artikel wordt een oudere aanpak beschreven voor de auteur Adaptive Forms die gebruikmaakt van stichtingscomponenten.

Versie
Artikelkoppeling
AEM 6,5
Klik hier
AEM as a Cloud Service
Dit artikel

Met de ontwerpinterface voor Adaptief formulier kunt u het formaat van componenten wijzigen in de modus Indeling. Sleep blauwe stippen binnen kolommen om de begin- en eindpunten te definiëren voor de positioneringscomponenten. 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.

Modus Toegang tot layout access-layout-mode

Selecteren Layout in de vervolgkeuzelijst die boven aan de ontwerpinterface voor adaptieve formulieren wordt weergegeven naast de knop Preview -optie. Het formulier wordt weergegeven in de modus Indeling.

  1. Aanmelden bij de Adobe Experience Manager instantie van auteur en navigeer naar Adobe Experience Manager > Forms > Forms & Documents.

  2. Een nieuwe of bestaande Adaptief formulier.

  3. Selecteren Layout in de vervolgkeuzelijst die boven aan het dialoogvenster Preview -optie. Het formulier wordt weergegeven in de modus Indeling.

    Lay-outmodus

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.

    Vergroten/verkleinen met de modus Lay-out

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

    • Parent: Selecteer het bovenliggende element van een component.
    • Revert breakpoint layout: Alle wijzigingen in de grootte ongedaan maken en de standaardlay-out toepassen op de component.
    • Float to new line: Verplaats de component naar de volgende regel als er meerdere componenten binnen dezelfde regel zijn.

    U kunt ook de opdracht Revert breakpoint layout ( Onderbrekingspunt herstellen ) op deelvensterniveau om alle wijzigingen in de grootte ongedaan te maken.

    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 wilt een tabelcomponent en een afbeeldingscomponent invoegen en deze parallel aan elkaar plaatsen in een adaptief formulier.

  1. De tabel- en afbeeldingscomponenten invoegen met Edit in het adaptieve formulier. De component image wordt weergegeven na de tabelcomponent.

  2. Overschakelen op Layout en selecteert u de Table component. 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.

    Het eindpunt van de tabel definiëren

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

    Tabel en afbeelding parallel in de modus Lay-out

    U kunt de component Image selecteren en Float to new line beschikbaar in de werkbalk om de component Afbeelding naar de volgende regel te verplaatsen.

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 de componenten in het deelvenster waarvan u het formaat wilt wijzigen. Selecteer Bovenliggend element selecteren en selecteert u de eerste optie in de vervolgkeuzelijst als het deelvenster het directe bovenliggende element 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 de stappen 1 en 2 herhalen en Bovenliggend element selecteren om het vergrote of verkleinde deelvenster naar de volgende regel te verplaatsen.

Meerdere kolommen voor een deelvenster definiëren

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

  1. In Edit , selecteert u het deelvenster en selecteert u Configureren en selecteert u Responsive - everything on the page without navigation van de Panel Layout vervolgkeuzelijst.

  2. Selecteren Opslaan om de eigenschappen op te slaan.

  3. In de Layout , selecteert u een van de componenten in het deelvenster en selecteert u Bovenliggend element selecteren en selecteert u het deelvenster.

  4. Selecteren meerdere kolommen en selecteert u het aantal kolommen in de vervolgkeuzelijst. Het aantal kolommen kan variëren van 1 tot 12. Het deelvenster wordt onderverdeeld in een lay-out met meerdere kolommen.

meerdere kolommen in de lay-outmodus

Het nieuwe responsieve raster inschakelen voor oude responsieve layouts enableresponsivegrid

Het nieuwe responsieve raster inschakelen voor formulieren die u maakt met Adobe Experience Manager Forms 6.4 of lager om het formaat van componenten te wijzigen.

NOTE
Als u overschakelt naar het nieuwe responsieve raster, worden de lay-outeigenschappen verwijderd die al zijn gedefinieerd voor componenten die in het formulier worden gebruikt.

Voer de volgende stappen uit om het nieuwe responsieve raster in te schakelen:

  1. Selecteren Layout in de vervolgkeuzelijst die boven aan het dialoogvenster Preview -optie. Er wordt een bevestiging weergegeven om de modus Lay-out in te schakelen.
  2. Selecteren Yes de Layout voor het formulier.

Een oud fragment insluiten in een adaptief formulier met nieuwe responsieve indeling embed-an-old-fragment-in-an-adaptive-form-with-new-responsive-layout

Met de nieuwe responsieve indeling voor adaptief formulier kunt u een adaptief formulierfragment met de oude responsieve indeling toevoegen aan het formulier. In de nieuwe indeling worden echter de lay-outeigenschappen verwijderd die al zijn gedefinieerd voor componenten die in het fragment worden gebruikt. U kunt overschakelen naar de modus Lay-out om de eigenschappen voor de lay-out te definiëren van de componenten die in het fragment worden gebruikt.

Een fragment met een nieuwe responsieve indeling insluiten in een oud adaptief formulier embed-a-fragment-with-new-responsive-layout-in-an-old-adaptive-form

Als u een fragment met de nieuwe responsieve indeling insluit in een adaptief formulier met een oude responsieve indeling, wordt u gevraagd de modus Indeling in te schakelen voor het formulier en het fragment opnieuw in te sluiten.

Selecteer Layout in de vervolgkeuzelijst die boven aan het dialoogvenster Preview en selecteert u Yes ter bevestiging. Selecteren Edit om het fragment opnieuw in te sluiten.

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. Selecteren Tools > General > Templates en opent u de sjabloon die in het formulier wordt gebruikt Edit -modus.

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

    Lay-outmodus uitschakelen

  3. Selecteer de Layout Settings en selecteert u Disable Layout Mode.

  4. Selecteren Wijzigingen opslaan de sjablooneigenschappen opslaan.

Zie ook see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab