Componenten configureren in ontwerpmodus configuring-components-in-design-mode

CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

Wanneer AEM instantie buiten de doos wordt geïnstalleerd, is een selectie van componenten onmiddellijk beschikbaar in Componentbrowser.

Daarnaast zijn er verschillende andere componenten beschikbaar. U kunt de ontwerpmodus gebruiken om deze componenten in-/uitschakelen. Als deze optie is ingeschakeld en zich op de pagina bevindt, kunt u de ontwerpmodus gebruiken om aspecten van het componentontwerp configureren door de kenmerkparameters te bewerken.

NOTE
Bij het bewerken van deze componenten moet de nodige voorzichtigheid worden betracht. De ontwerpinstellingen vormen vaak een integraal onderdeel van het ontwerp van de gehele website. Ze moeten daarom alleen worden gewijzigd door iemand met de juiste bevoegdheden en ervaring, vaak een beheerder of een ontwikkelaar. Zie Componenten ontwikkelen voor meer informatie .
NOTE
De ontwerpmodus is alleen beschikbaar voor statische sjablonen. Sjablonen die met bewerkbare sjablonen zijn gemaakt, moeten worden bewerkt met de sjablooneditor.
NOTE
De ontwerpmodus is alleen beschikbaar voor ontwerpconfiguraties die zijn opgeslagen als inhoud onder ( /etc).
Beginnend in AEM 6.4, wordt het geadviseerd om ontwerpen als configuratiegegevens onder op te slaan /apps om ononderbroken plaatsingsscenario's te steunen. Onder /apps kunnen niet worden bewerkt tijdens runtime en de ontwerpmodus is niet beschikbaar voor gebruikers zonder beheerdersrechten voor dergelijke sjablonen.

Dit betekent dat u de onderdelen die zijn toegestaan in het alineasysteem voor de pagina, toevoegt of verwijdert. Het alineasysteem ( parsys) is een samengestelde component die alle andere alineacomponenten bevat. Met het alineasysteem kunnen auteurs componenten van verschillende typen aan een pagina toevoegen omdat deze alle andere alineacomponenten bevat. Elk alineatype wordt vertegenwoordigd als een component.

De inhoud van een productpagina kan bijvoorbeeld een alineasysteem bevatten dat het volgende bevat:

  • Een afbeelding van het product (in de vorm van een afbeeldings- of textielafbeeldingsalinea)
  • De productomschrijving (als tekstalinea)
  • Een tabel met technische gegevens (als tabelalinea)
  • Een formulier dat gebruikers invullen (als een formulier begint, formulierelement en alinea die eindigt met een formulier)
CAUTION
Het bewerken van het ontwerp in de ontwerpmodus, zoals beschreven in dit artikel, is de aanbevolen manier om ontwerpen van statische sjablonen te definiëren
Het aanpassen van ontwerpen in bijvoorbeeld CRX DE is geen goede praktijk en de toepassing van dergelijke ontwerpen kan van verwacht gedrag variëren. Zie het document voor ontwikkelaars Paginasjablonen - statisch voor meer informatie .

Componenten in-/uitschakelen enable-disable-components

Een component in- of uitschakelen:

  1. Selecteer Ontwerp in.

    screen_shot_2018-03-22at103113

  2. Tik of klik op een component. Wanneer de component is geselecteerd, krijgt deze een blauwe rand.

    screen_shot_2018-03-22at103204

  3. Klik of tik op Bovenliggend pictogram.

    Hiermee selecteert u het alineasysteem dat de huidige component bevat.

  4. De Configureren pictogram voor het alineasysteem wordt weergegeven op de actiebalk van het bovenliggende element.

    Selecteer deze optie om het dialoogvenster weer te geven.

  5. In het dialoogvenster kunt u de componenten definiëren die beschikbaar zijn in de componentenbrowser wanneer u de huidige pagina bewerkt.

    screen_shot_2018-03-22at103329

    Het dialoogvenster heeft twee tabbladen:

    • Toegestane componenten
    • Instellingen

    Toegestane componenten

    Op de Toegestane componenten tab, bepaalt u welke componenten voor parsys beschikbaar zijn.

    • De componenten worden gegroepeerd op hun componentgroepen, die kunnen worden uitgevouwen en samengevouwen.
    • U kunt een hele groep selecteren door de naam van de groep te controleren. U kunt de selectie van alle groepen ongedaan maken door de selectie uit te schakelen.
    • Een min vertegenwoordigt minstens één maar niet alle punten in een groep worden geselecteerd.
    • Er is een zoekopdracht beschikbaar om naar een component op naam te filteren.
    • De tellingen die rechts van de naam van de componentengroep worden vermeld vertegenwoordigen het totale aantal geselecteerde componenten in die groepen ongeacht de filter.

    U definieert de configuratie per paginacomponent. Als onderliggende pagina's dezelfde sjabloon en/of paginacomponent gebruiken (gewoonlijk uitgelijnd), wordt dezelfde configuratie toegepast op het corresponderende alineasysteem.

    note note
    NOTE
    Adaptieve formuliercomponenten zijn ontworpen om te werken in de container van adaptieve formulieren met behulp van het Forms-ecosysteem. Daarom moeten deze componenten alleen worden gebruikt in een adaptieve formuliereditor en werken ze niet in de pagina-editor Sites.

    Instellingen

    Op de Instellingen kunt u aanvullende opties definiëren, zoals het tekenen van een anker voor elke component en het definiëren van de celopvulling van elke container.

  6. Selecteren Gereed om uw configuratie op te slaan.

Het ontwerp van een component configureren configuring-the-design-of-a-component

  1. Selecteer Ontwerp in.

    screen_shot_2018-03-22at103113-1

  2. Tik of klik op een component met een blauwe rand. In dit voorbeeld wordt een hoofdafbeeldingscomponent geselecteerd.

    screen_shot_2018-03-22at103434

  3. Gebruik de Configureren om het dialoogvenster te openen.

    In het ontwerpdialoogvenster kunt u de component configureren op basis van de beschikbare ontwerpparameters.

    screen_shot_2018-03-22at103530

    Het dialoogvenster heeft drie tabbladen:

    • Hoofd
    • Functies
    • Stijlen

    Eigenschappen

    De Eigenschappen kunt u de belangrijke ontwerpparameters van de component configureren. Voor een afbeeldingscomponent kunt u bijvoorbeeld de maximale en minimale grootte van de toegestane afbeelding definiëren.

    Functies

    De Functies kunt u extra functies van de component in- of uitschakelen. Voor een afbeeldingscomponent kunt u bijvoorbeeld de richting van de afbeelding, de beschikbare uitsnijdopties en of een afbeelding kan worden geüpload definiëren.

    Stijlen

    De Stijlen kunt u de CSS-klassen en -stijlen definiëren die met de component moeten worden gebruikt.

    screen_shot_2018-03-22at103741

    Gebruik de Toevoegen om aanvullende vermeldingen toe te voegen aan een lijst met meervoudige vermeldingen.

    chlimage_1-94

    Gebruik het pictogram ​ Verwijderen ​ pictogram om een item uit een lijst met meervoudige items te verwijderen.

    Gebruik de Verplaatsen om de volgorde van items in een meervoudige-invoerdialooglijst te wijzigen.

  4. Klik of tik op Gereed om het dialoogvenster op te slaan en te sluiten.

recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c