Dock công cụ

Các công cụ nằm ở cuối trang, giống như trong IDE: một thanh biểu tượng, mỗi biểu tượng mở một khu vực trong cột bên cạnh trang. Thanh ở bên phải của trang này là một ví dụ.

Hai nhóm, mỗi nhóm mở một

Các biểu tượng ở đầu thanh mở khu vực của chúng ở phần trên của cột, các biểu tượng ở dưới cùng mở ở phần dưới, mỗi lần chỉ mở một. Một khu vực đơn lẻ chiếm toàn bộ cột; khi không có gì được mở, cột sẽ biến mất. Cột có thể được kéo rộng từ cạnh bắt đầu của nó, và những gì mỗi công cụ để lại sẽ trở lại cùng với trang.

Nằm ngang ở trên cùng

Khi có hướng ngang, thanh nằm ngang ở trên cùng và bảng công cụ là phần thân của trang, được viết trong một trang--điền: những gì đầu của thanh mở nằm bên cạnh những gì cuối của nó mở, bên dưới nó. Một công cụ kéo dài từ cạnh này đến cạnh kia và chiếm chiều cao của khu vực — một trình chỉnh sửa — nói như vậy với phần điền.

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

Cách sử dụng

Một trang mô tả các công cụ của nó trong khối page_zones_after, và bảng công cụ vẽ cột, các khu vực của nó, các tay cầm của chúng và thanh. Một công cụ hiển thị những gì trang đã vẽ cho nó (nội dung), hoặc một trang được tải lần đầu tiên khi mở (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 -%}