Gebruik de modus Lay-out om het formaat van componenten te wijzigen use-layout-mode-to-resize-components
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.
Met de adaptieve interface voor formulierontwerp kunt u de grootte van componenten aanpassen in de modus Indeling. 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.
Modus Toegang tot layout access-layout-mode
Selecteer Lay-out van de drop-down lijst die bij de bovenkant van de adaptieve vorm auteursinterface naast de 3} optie van de Voorproef {verschijnt. Het formulier wordt weergegeven in de modus Indeling.
-
Login aan de AEM auteursinstantie en navigeer aan Adobe Experience Manager > Forms > Forms & Documenten.
-
Creeer een adaptieve vormof open bestaande.
-
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.
Formaat van componenten wijzigen resize-components
-
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.
-
Sleep de blauwe stippen om de positie van de component in het responsieve raster te definiëren.
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 (
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 adaptieve vorm plaatsen.
-
Voeg de tabel- en afbeeldingscomponenten in met de modus Bewerken in het adaptieve formulier. De component image wordt weergegeven na de tabelcomponent.
-
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.
-
Sleep de blauwe stip in kolom 12 naar kolom 6 van het responsieve raster en zet deze neer.
-
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.
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:
-
Selecteer om het even welke componenten in het paneel dat u wilt resize,
De blauwe stippen worden weergegeven aan het begin en einde van het responsieve raster.
-
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
Meerdere kolommen voor een deelvenster definiëren
Voer de volgende stappen uit om het aantal kolommen voor een deelvenster te definiëren:
-
Op Edit wijze, selecteer het paneel, selecteer
-
Selecteer
-
Op de Layout wijze, selecteer om het even welke componenten in het paneel, selecteer
-
Selecteer
Het nieuwe responsieve raster inschakelen voor oude responsieve layouts enableresponsivegrid
Schakel het nieuwe responsieve raster in voor formulieren die u maakt met AEM Forms 6.4 of lager om het formaat van componenten te wijzigen.
Voer de volgende stappen uit om het nieuwe responsieve raster in te schakelen:
- Selecteer Lay-out van de drop-down lijst die bij de bovenkant naast de 3} optie van de Voorproef {verschijnt. Er wordt een bevestiging weergegeven om de modus Lay-out in te schakelen.
- Selecteer ja om de 3} wijze van de Lay-out {voor de vorm toe te laten.
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 het adaptieve formulier kunt u een adaptief formulierfragment met de oude responsieve indeling aan het formulier toevoegen. 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.
Om de wijze van de Lay-out toe te laten, uitgezochte Lay-out van de drop-down lijst die bij de bovenkant naast de 3} optie van de Voorproef {verschijnt en selecteert ja om te bevestigen. Selecteer uitgeven wijze om het fragment opnieuw in te bedden.
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:
-
Selecteer Tools > General > Templates en open de sjabloon in het formulier in de modus Edit .
-
Selecteer de Documentcontainer in het linkerdeelvenster en selecteer Policy.
-
Selecteer de tab Layout Settings en selecteer Disable Layout Mode .
-
Selecteer
