# Working with Composite Kanban Layout

After creation of a composite kanban, the Kanban Builder will open and it will contain one container. Hover mouse on container (1) - it will be highlighted:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FyplWOm7O7uZ9tRtV25Cw%2Ffile.excalidraw.svg?alt=media&#x26;token=58fc4658-1594-482f-aafb-8959fc56d262" alt="" class="gitbook-drawing">

Click on highlighted area. Click on "+" markers to add containers:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FcO1dfB3pGgm7rfxf9Wwz%2Ffile.excalidraw.svg?alt=media&#x26;token=71edbe42-5eec-44fd-97d1-08706c3e7bb4" alt="" class="gitbook-drawing">

By default container will be added at the proper side and both containers (existing and new) will take all available room together. Adjacent containers will get equal sizes:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FtOSsMGSCzIMYE8oYMmdH%2Ffile.excalidraw.svg?alt=media&#x26;token=857d797c-74b1-4a7e-8994-0f668b01da90" alt="" class="gitbook-drawing">

If click on container, a "Container Properties" will be opened at the right sidebar:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FekPk5UcPieBWkbQUR3wT%2Ffile.excalidraw.svg?alt=media&#x26;token=9c8902f3-8315-4eba-8481-8b77dfe57cda" alt="" class="gitbook-drawing">

Properties are:

* **Left** - position of the container relatively to left side of Kanban. Can be changed by Kanban admin if this container is not leftmost one.
* **Top** - position of the container relatively to top side of Kanban. Can be changed by Kanban admin if this container is not topmost one.
* **Width** - width of the container in % of Kanban width. Can be changed by Kanban admin if this container and at least one adjacent neighbor can be resized horizontally together.
* **Height** - height of the container in % of Kanban height. Can be changed by Kanban admin if this container and at least one adjacent neighbor can be resized vertically together.

Changing one property can cause changes in other:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2Fm6Qb3GaNVx94EvrjYL3l%2Ffile.excalidraw.svg?alt=media&#x26;token=486e4070-241b-43b5-aca2-5272284a4514" alt="" class="gitbook-drawing">

{% hint style="info" %}
System will show available value ranges of these properties and will auto-correct them when user try to set them to impermissible values. Allowed values are depending on current containers layout.

If some properties are blocked it means that selected container has no place to expend/shift or can not be shrank without causing a gap.
{% endhint %}

{% hint style="warning" %}
If any of container properties will be out of permitted range, system will not allow adding new containers and show proper warning:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FoOCD6tyBt5laW8N8rQ20%2F1.png?alt=media&#x26;token=74e147e0-b166-4b97-b470-e5b40ba3dc76" alt="" data-size="original">
{% endhint %}

Selected adjacent containers can be merge into one by clicking on "merge" link:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FuB2b8lAqDEe9c4dPt4v8%2Ffile.excalidraw.svg?alt=media&#x26;token=0d771bff-595f-4a89-867f-0aa57d9d6cd4" alt="" class="gitbook-drawing">

Containers can be merged into one only when:

* resulting container will be rectangle
* all of them contain no more than 1 kanban

If containers can not be merged system will not allow it.

User can remove selected container(s) by clicking on button "Delete" on top of kanban. Sizes and positions of adjacent containers will be recalculated to get rid of possible gaps.

{% hint style="warning" %}
Note: not all gaps can be removed automatically. In this case system will not allow to delete container and show proper warning message.
{% endhint %}

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FN0yFb1e6xZNT2h5seqST%2Ffile.excalidraw.svg?alt=media&#x26;token=e42f59c3-79c4-482b-9583-8cc87bb2d1b4" alt="" class="gitbook-drawing">
