# How to add a Kanban to Navigation Items Panel

There are two ways to add a Kanban to Navigation Items panel as a tab:

* Add Kanban to Navigation Items directly - a simple way, but this tab will be visible for the current user only.
* Add Kanban as a Lightning Application - more complex way, but this tab will be available for all users; also, this allows to build a page with different components, even two or more kanbans.

### Add Kanban Directly (**Personalize Navigation Bar)**

1. Open desired Kanban in Kanbans tab
2. Click menu arrow on Kanbans tab to open pop-up menu
3. Click "Open %Kanban\_Name% in New Tab" menu item\
   \
   ![](https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FAyrdYRl6ir4UFspFEfO9%2Fimage.png?alt=media\&token=beed278e-e870-41bd-b916-7ad61b49c828)
4. Kanban will be shown as separate tab. This tab is dynamic and is shown temporary
5. Click menu arrow on this tab to open pop-up menu
6. Click "Add %Kanban\_Name% in Nav Bar" menu item\
   ![](https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FY7iKiOgtoQe5JA9h7XX3%2Fimage.png?alt=media\&token=ff615216-45b9-41be-91e3-5775598cfc1e)
7. Voila! Your kanban is in the navigation panel now.

### Add a Lightning App with Kanban

1. Open Setup page
2. Find Lightning App Builder
3. Click "New" button in Lightning Pages list
4. Lightning page builder will be opened and page creation wizard will be shown automatically
5. Select "App Page" and go next
6. Give page a name
7. Select "One Region" layout (of course, you can select something another)
8. Click "Done" button to sow a builder with layout set

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2F18M1BfJx58mKjB4RzIdv%2Ffile.excalidraw.svg?alt=media&#x26;token=1a6c7866-1329-473f-8fcf-921831f416f8" alt="" class="gitbook-drawing">

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FCY54lBr5n4cskt4YcXIu%2Ffile.excalidraw.svg?alt=media&#x26;token=218f0dc2-315b-48f4-a0c5-75207c32ad44" alt="" class="gitbook-drawing">

8. Click "Done" button to show a builder with layout set
9. Drag "Flexi KanBan" component to layout region
10. Copy ID of necessary Kanban (e.g., from it's page URL) and paste it into "Kanban ID" field
11. Your kanban will be shown in component layout

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FuPajg3UOK0caWvqyKQha%2Ffile.excalidraw.svg?alt=media&#x26;token=d5b32c7c-4efc-4cfc-b5af-e3c61146df64" alt="" class="gitbook-drawing">

12. Save Lightning page
13. Confirm page activation
14. Activate it for all users or system administrators
15. Click "Save". Popup will appear - click "Finish". You will have an access to that page in spite of what system says, because the App builder will add a proper custom tab itself

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2F3t3sXTF7cMYSormmWn8Z%2Ffile.excalidraw.svg?alt=media&#x26;token=92da8c57-25df-4fa7-bb92-f4ec2325816b" alt="" class="gitbook-drawing">

16. Go to "Tabs" in Setup and scroll down to the Lightning Page Tabs section
17. See that your Lightning page already has own tab created

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2F7FmcJX045dU4uCbOWIc3%2Ffile.excalidraw.svg?alt=media&#x26;token=ebe9cf5b-5965-4037-907c-5c60591bef68" alt="" class="gitbook-drawing">

Now return to Flexi Kanban application and check Applications and Tabs menu. Your new tab will be there

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FasvAYxLZ4NSCXOh50PGy%2Ffile.excalidraw.svg?alt=media&#x26;token=87d7b3cb-c6e9-4ca8-9b0b-1360c128f128" alt="" class="gitbook-drawing">

Click "Personalize Navigation Bar" button and then click "Add More Items" button in proper popup. Add your new tab there:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FS1h7m4ZZlKKBOdwQXPVF%2Ffile.excalidraw.svg?alt=media&#x26;token=bbb2f132-30c0-4ee1-bd62-6f8bea5268cb" alt="" class="gitbook-drawing">

Now it will be available in the navigation bar:

<img src="https://3097383375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FK2dgObBO5ydOH2ZXDJLa%2Fuploads%2FU3MefO8DBXTu57h2rSxv%2Ffile.excalidraw.svg?alt=media&#x26;token=c773d8f5-cbb3-430b-8be7-533de7e89992" alt="" class="gitbook-drawing">