DocumentatieAEM as a Cloud ServiceHandboek

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

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Gemaakt voor:

  • tussenpersoon
  • Gebruiker
  • Ontwikkelaar

de Adobe adviseert gebruikend de moderne en verlengbare gegevens vangen Componenten van de Kernvoor het creëren van nieuwe Aangepaste Formsof het toevoegen van Aangepaste Forms aan de pagina's van AEM Sites. 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

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

  1. Meld u aan bij de Adobe Experience Manager auteurinstantie en navigeer naar Adobe Experience Manager > Forms > Forms & Documents .

  2. Creeer nieuw of open een bestaande Aangepaste Vorm.

  3. Selecteer Layout in de vervolgkeuzelijst die boven aan de optie Preview wordt weergegeven. Het formulier wordt weergegeven in de modus Indeling.

    wijze van de Lay-out

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:

    • Parent: selecteer het bovenliggende element van een component.
    • Revert breakpoint layout: maak alle wijzigingen in de grootte ongedaan en pas de standaardlay-out toe op de component.
    • Float to new line: verplaats de component naar de volgende regel als er meerdere componenten binnen dezelfde regel zijn.

    U kunt Revert breakpoint layout ( gebruiken terugkeert Breekpunt ) optie op het paneel-niveau om alle het resizing veranderingen 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

Doelstelling: u een lijstcomponent en een component van het Beeld wilt opnemen en hen parallel aan elkaar in een Aangepaste Vorm plaatsen.

  1. Voeg in de modus Adaptief formulier de tabel- en afbeeldingscomponenten in in de modus Edit . De component image wordt weergegeven na de tabelcomponent.

  2. Schakel over naar de modus Layout en selecteer de component Table . 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.

    bepaalt het eindpunt van de lijst

  4. Selecteer op dezelfde manier de component 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.

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

    U kunt de component Image selecteren en de optie Float to new line selecteren die beschikbaar is op de werkbalk om de component Image 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 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 onderverdeeld in een lay-out met meerdere kolommen.

meerdere kolom op lay-outwijze

Het nieuwe responsieve raster inschakelen voor oude responsieve layouts enableresponsivegrid

Schakel het nieuwe responsieve raster in voor formulieren die u maakt met Adobe Experience Manager Forms 6.4 of lager om de grootte 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. Selecteer Layout in de vervolgkeuzelijst die boven aan de optie Preview wordt weergegeven. Er wordt een bevestiging weergegeven om de modus Lay-out in te schakelen.
  2. Selecteer Yes om de modus Layout voor het formulier in te schakelen.

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.

U schakelt de modus Lay-out in door Layout te selecteren in de vervolgkeuzelijst die boven aan de optie Preview verschijnt en Yes te selecteren om te bevestigen. Selecteer de modus 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. Selecteer Tools > General > Templates en open de sjabloon in het formulier in de modus Edit .

  2. Selecteer de Form Container 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.

Zie ook see-also

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