Een geneste lay-out toevoegen.

DXPR Builder lerenPagina’s bouwenContent toevoegenLay-out

Je kunt een rij in een kolom zetten om die kolom opnieuw te splitsen, zoals twee pictogrammen naast elkaar boven een kop. Gebruik het wanneer één kolom een fijner raster nodig heeft dan de rij eromheen. Het voorbeeld voegt een rij van twee pictogrammen toe aan de middelste kolom van een rij met drie kolommen. Begin voor je eerste rij met Rijen en kolommen.

Een rij met drie kolommen, waarvan de middelste kolom een geneste rij met een potlood- en een sterpictogram bevat, boven een kop

Een geneste lay-out toevoegen

Voeg een sectie met een rij en kolommen toe.
Beweeg over een kolom en klik op + op de Kolombalk.
Kies in de elementenkiezer op het tabblad Lay-out de optie Rij.
De geneste rij verschijnt in de kolom, met eigen kolommen.
Voeg op de gebruikelijke manier elementen toe aan de geneste kolommen, bijvoorbeeld in elke een Pictogram.
Klik op Opslaan op de werkbalk om de pagina te bewaren.

Nieuwe elementen belanden bovenaan hun kolom, zodat de geneste rij boven de tekst van de kolom staat.

Wat je ziet

Het potlood en de ster staan naast elkaar bovenaan de middelste kolom, boven de kop Design. De buitenste kolommen zijn ongewijzigd. In de editor heeft de geneste rij een eigen Rij- en Kolombalk, binnen die van de buitenste rij.

Sectie
  Rij (1/3 + 1/3 + 1/3)
    Kolom
      Tekst: Discovery
    Kolom
      Rij (genest, 1/2 + 1/2)
        Kolom
          Pictogram: pencil
        Kolom
          Pictogram: star
      Tekst: Design
    Kolom
      Tekst: Delivery

Je geneste lay-out instellen

Een geneste rij heeft hetzelfde rasterpictogram en dezelfde instellingen als elke rij; zie Rijen en kolommen. De breedten zijn delen van de bovenliggende kolom, niet van de pagina. Een kolom van halve breedte met een geneste rij van twee helften geeft je twee gebieden van een kwart breed.

Op schermen smaller dan 768 pixels stapelen geneste kolommen net als de buitenste. Geef de geneste rij een telefoonlay-out met Schermgrootte toevoegen als de pictogrammen naast elkaar moeten blijven.

Maximale nestdiepte

Rijen nesten drie niveaus diep: een rij, een rij in een van de kolommen, en nog één rij daarin. Een vierde niveau wordt geweigerd. Dezelfde limiet geldt per containertype afzonderlijk, zoals Tabbladen in Tabbladen. Het ene type telt nooit mee voor de limiet van een ander type.

Twee niveaus dekken de meeste lay-outs. Elk extra niveau voegt besturingsbalken toe waar je langs moet mikken en versmalt de ruimte voor inhoud.

Veelvoorkomende nestpatronen

Patroon	Hoe het wordt gebouwd
Functieraster	Een rij van drie kolommen, elk met een geneste rij: een pictogram naast de tekst
Zijbalkblokken	Een rij van 2/3 + 1/3 waarvan de smalle kolom geneste rijen bevat, één per blok
Teamleden	Een rij van twee kolommen, elk met een geneste rij van 1/3 + 2/3: een portret naast de bio

Als je het niet ziet

Een waarschuwing meldt dat je rijen maar 3 niveaus diep kunt nesten. De kolom staat al in twee geneste rijen, dus “Element cannot be added”. Voeg de rij toe aan een kolom één niveau hoger, of gebruik een preset met meer kolommen op de buitenste rij.
De geneste rij staat boven de tekst in plaats van eronder. Nieuwe elementen belanden bovenaan hun kolom. Open More op de balk van de geneste rij en kies Move Down.
De pictogrammen stapelen op een telefoon. Geneste kolommen stapelen onder 768 pixels, zoals alle kolommen. Klik op het rasterpictogram van de geneste rij, dan op Schermgrootte toevoegen, en kies 1/2 + 1/2 voor Extra klein (< 576px).

Wat nu?

Gepositioneerde lagen: overlappende elementen op manieren die het raster niet kan.
Rijen en kolommen: kolompresets en een lay-out per schermgrootte.
Tabbladen: stapel inhoudspanelen op één plek in plaats van naast elkaar.