Hulpmiddelen dock

Hulpmiddelen dock

Hulpmiddelen langs het einde van een pagina, zoals een IDE die heeft: een balk met pictogrammen, elk opent een zone in een kolom naast de pagina. De balk aan de rechterkant van deze pagina is er één.

Twee groepen, één open in elke

De pictogrammen bovenaan de balk openen hun zone in het bovenste gedeelte van de kolom, die aan de voet in het onderste gedeelte, één tegelijk in elke. Alleen neemt een zone de hele kolom; als er niets open is, is de kolom verdwenen. De kolom wordt breder getrokken vanaf de startrand, en wat elk hulpmiddel was, komt terug met de pagina.

Langs de bovenrand

Gegeven dat de oriëntatie horizontaal is, ligt de balk langs de bovenkant en is het dock het lichaam van een pagina, geschreven in een pagina--vullen: wat het begin van de balk opent staat naast wat het einde opent, eronder. Een hulpmiddel dat van rand tot rand getekend is en de hoogte van de zone neemt — een editor — zegt dat zo met vullen.

Regel 1
Regel 2
Regel 3
Regel 4
Regel 5
Regel 6
Regel 7
Regel 8
Regel 9
Regel 10
Regel 11
Regel 12
Regel 13
Regel 14
Regel 15
Regel 16
Regel 17
Regel 18
Regel 19
Regel 20
Regel 21
Regel 22
Regel 23
Regel 24
Regel 25
Regel 26
Regel 27
Regel 28
Regel 29
Regel 30
Regel 31
Regel 32
Regel 33
Regel 34
Regel 35
Regel 36
Regel 37
Regel 38
Regel 39
Regel 40

Het bestand zoals het leest zodra het gerenderd is.

Naam
dock.html.twig
Type
Twig

Geen wijziging geregistreerd.

Gebruik

Een pagina beschrijft zijn hulpmiddelen in zijn page_zones_after-blok, en het dock tekent de kolom, zijn zones, hun handvatten en de balk. Een hulpmiddel toont wat de pagina voor het heeft getekend (inhoud), of een pagina die voor het eerst wordt geladen wanneer deze opent (url).

{%- block page_zones_after -%}
    {{ tool_dock('board.file', [
        { name: 'outline', label: 'Outline', icon: 'ph:bold/list-bullets', content: outline },
        { name: 'detail', label: 'Detail', icon: 'ph:bold/info', group: 'end', open: true, content: detail },
        { name: 'history', label: 'History', icon: 'ph:bold/clock-counter-clockwise', group: 'end', url: path('app_file_history') },
    ]) }}
{%- endblock -%}

Omtrek

  • Twee groepen, één open in elke
  • Gebruik

Detail

Naam
dock.html.twig
Type
Twig
Grootte
2.1 kB

Geschiedenis

Geen wijziging geregistreerd.