Browse Source

docs: kanban view

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
pull/6467/head
Raju Udava 1 year ago
parent
commit
049f494af9
  1. 9
      packages/noco-docs/docs/052.table-operations/020.field-operations.md
  2. 34
      packages/noco-docs/docs/080.views/090.view-types/010.grid.md
  3. 35
      packages/noco-docs/docs/080.views/090.view-types/020.gallery.md
  4. 5
      packages/noco-docs/docs/080.views/090.view-types/030.forms.md
  5. 43
      packages/noco-docs/docs/080.views/090.view-types/040.kanban.md
  6. BIN
      packages/noco-docs/static/img/v2/table-operations/change-cover-image.png
  7. BIN
      packages/noco-docs/static/img/v2/views/kanban-add-record.png
  8. BIN
      packages/noco-docs/static/img/v2/views/kanban-change-stack.png

9
packages/noco-docs/docs/052.table-operations/020.field-operations.md

@ -5,6 +5,10 @@ title: 'Hide & Reorder Fields'
Utilize the `Fields` button in the toolbar to manage the visibility of fields within the system. By default, all system-related fields are concealed, but you have the option to enable them by selecting `Show system fields`. Utilize the `Fields` button in the toolbar to manage the visibility of fields within the system. By default, all system-related fields are concealed, but you have the option to enable them by selecting `Show system fields`.
:::info
For Gallery View & Kanban View, the `Fields` menu is available on the toolbar as `Edit Cards`.
:::
![Field Operations](https://user-images.githubusercontent.com/86527202/262226113-6ad574c2-93d0-49ac-be28-01b336df8de4.png) ![Field Operations](https://user-images.githubusercontent.com/86527202/262226113-6ad574c2-93d0-49ac-be28-01b336df8de4.png)
### Rearranging Fields ### Rearranging Fields
@ -21,6 +25,11 @@ Consider creating different grid views with distinct sets of fields displayed in
![Show/Hide Fields](https://user-images.githubusercontent.com/86527202/262226271-b9a323e9-39b8-418d-9b7c-3da0f2d17d89.png) ![Show/Hide Fields](https://user-images.githubusercontent.com/86527202/262226271-b9a323e9-39b8-418d-9b7c-3da0f2d17d89.png)
### Change cover field (Gallery/Kanban View)
For Gallery View & Kanban View, you can change the cover field by clicking on the `Change cover field` button in the `Edit Cards` menu. You can select any field of type `Attachment` as the cover field.
![Change cover field](/img/v2/table-operations/change-cover-image.png)
### Related topics ### Related topics
- [Filter](filter) - [Filter](filter)
- [Sort](sort) - [Sort](sort)

34
packages/noco-docs/docs/080.views/090.view-types/010.grid.md

@ -5,3 +5,37 @@ title: 'Grid'
Grid View, as a default type of view, allows you to display your data in a spreadsheet-like interface using rows and columns. Rows are as referred to as records and columns as fields in NocoDB. Grid View, as a default type of view, allows you to display your data in a spreadsheet-like interface using rows and columns. Rows are as referred to as records and columns as fields in NocoDB.
![1010-2 Grid](/img/content/grid.png) ![1010-2 Grid](/img/content/grid.png)
Grid view is the default view type for all tables. This view type is ideal for viewing and editing data in a spreadsheet-like interface. You can also perform various operations on the grid view, such as sorting, filtering, grouping, and searching. You can also export the data in the grid view to CSV or Excel format. This section will cover all the operations that can be performed on the grid view.
## Grid View Actions
1. [Create a New Grid View](/views/create-view/#create-new-view)
2. [Rename an Existing Grid View](/views/actions-on-view#rename-view)
3. [Duplicate a Grid View](/views/actions-on-view#duplicate-view)
4. [Remove a Grid View](/views/actions-on-view#delete-view)
5. [Share a Grid View](/views/share-view)
6. [Lock Grid View for Edits](/views/overview#view-permission-types)
## Grid View Operations
1. [Rearrange Fields Within the Grid](/table-operations/field-operations#rearranging-fields)
2. [Show or Hide Fields Within the Grid](/table-operations/field-operations#showhide-fields)
3. [Apply Filters to Display Specific Records on the Grid](/table-operations/filter)
4. [Sort Records on the Grid by One or More Criteria](/table-operations/sort)
5. [Group Records Horizontally on the Grid](/table-operations/group-by)
6. [Search for Specific Data Within Fields](/table-operations/search)
7. [Export Data to CSV or Excel Format](/table-operations/download#download-data)
8. [Adjust Record Height on the Grid](/table-operations/row-height)
9. [Customize Column Widths for Fields on the Grid](/table-operations/column-width)
10. [Toggle Field Visibility on the Grid](/table-operations/field-operations#showhide-fields)
## Grid View Record Operations
1. [Add a New Record to the Grid](/records/create-record)
2. [Edit an Existing Record on the Grid](/records/actions-on-record#row-edit)
3. [Delete a Single Record from the Grid](/records/delete-record)
4. [Delete Multiple Records in Bulk from the Grid](/records/delete-record#delete-record-bulk)
## Related articles
[Gallery View](/views/view-types/gallery)
[Form View](/views/view-types/form)
[Kanban View](/views/view-types/kanban)

35
packages/noco-docs/docs/080.views/090.view-types/020.gallery.md

@ -2,6 +2,37 @@
title: 'Gallery' title: 'Gallery'
--- ---
Gallery View allows you to display images as thumbnails with other fields just like a gallery. Gallery View allows you to display images as thumbnails with other fields just like a gallery. This view type is ideal for viewing images in a gallery-like interface. Like in Gallery, you can also perform various operations on the gallery view, such as sorting, filtering, grouping, and searching. You can also export the data in the gallery view to CSV or Excel format. This section will cover all the operations that can be performed on the gallery view.
![1010-2 Gallery](/img/content/gallery.png)
## Gallery View Actions
1. [Create a New Gallery View](/views/create-view/#create-new-view)
2. [Rename an Existing Gallery View](/views/actions-on-view#rename-view)
3. [Duplicate a Gallery View](/views/actions-on-view#duplicate-view)
4. [Remove a Gallery View](/views/actions-on-view#delete-view)
5. [Share a Gallery View](/views/share-view)
6. [Lock Gallery View for Edits](/views/overview#view-permission-types)
## Gallery View Operations
1. [Rearrange Fields Within the Gallery](/table-operations/field-operations#rearranging-fields)
2. [Show or Hide Fields Within the Gallery](/table-operations/field-operations#showhide-fields)
3. [Apply Filters to Display Specific Records on the Gallery](/table-operations/filter)
4. [Sort Records on the Gallery by One or More Criteria](/table-operations/sort)
5. [Perform Quick Searches for Specific Data Within Fields](/table-operations/search)
6. [Export Data to CSV or Excel Format](/table-operations/download#download-data)
7. [Change Cover Image](/table-operations/field-operations#change-cover-field-gallerykanban-view)
## Gallery View Record Operations
1. **Add a New Record to the Gallery**: Currently it is not possible to insert a new record directly on the gallery view. However, you can add a new record to the table, and it will be displayed on the gallery view.
2. **Edit an Existing Record on the Gallery**: Click on the card on the gallery view to open the record in the expanded record view. You can edit the record in the form view and save it.
3. **Delete a Single Record from the Gallery**: Click on the card on the gallery view to open the record in the expanded record view. You can delete the record in the form view by using the expanded record context menu.
4. **Delete Multiple Records in Bulk from the Gallery**: Currently it is not possible to delete multiple records in bulk directly on the gallery view. However, you can delete multiple records in bulk from the grid view & it will be reflected on the gallery view.
## Related articles
[Grid View](/views/view-types/grid)
[Form View](/views/view-types/form)
[Kanban View](/views/view-types/kanban)
![1010-2 Gallery](/img/content/gallery.png)

5
packages/noco-docs/docs/080.views/090.view-types/030.forms.md

@ -5,3 +5,8 @@ title: 'Forms'
Form View allows you to arrange fields in a form to input data. Form View allows you to arrange fields in a form to input data.
![1010-2 Form](/img/content/form.png) ![1010-2 Form](/img/content/form.png)
You can drag-drop fields from the form to form-field-menu-bar as required. You can drag-drop fields from the form to form-field-menu-bar as required.
## Related articles
[Grid View](/views/view-types/grid)
[Gallery View](/views/view-types/gallery)
[Kanban View](/views/view-types/kanban)

43
packages/noco-docs/docs/080.views/090.view-types/040.kanban.md

@ -2,6 +2,45 @@
title: 'Kanban' title: 'Kanban'
--- ---
Kanban View allows you to visualise your data using cards at various stacks. Kanban View allows you to visualise your data using cards as part of various stacks on the board. You can easily rearrange the cards by dragging and dropping them to different stacks. This section will cover all the operations that can be performed on the Kanban view.
![1010-2 Kanban](/img/content/kanban.png) ![1010-2 Kanban](/img/content/kanban.png)
## Kanban View Actions
1. [Create a New Kanban View](/views/create-view/#create-new-view)
2. [Rename an Existing Kanban View](/views/actions-on-view#rename-view)
3. [Duplicate a Kanban View](/views/actions-on-view#duplicate-view)
4. [Remove a Kanban View](/views/actions-on-view#delete-view)
5. [Share a Kanban View](/views/share-view)
6. [Lock Kanban View for Edits](/views/overview#view-permission-types)
## Kanban View Operations
1. [Rearrange Fields Within the Kanban](/table-operations/field-operations#rearranging-fields)
2. [Show or Hide Fields Within the Kanban](/table-operations/field-operations#showhide-fields)
3. [Apply Filters to Display Specific Records on the Kanban](/table-operations/filter)
4. [Sort Records on the Kanban by One or More Criteria](/table-operations/sort)
5. [Perform Quick Searches for Specific Data Within Fields](/table-operations/search)
6. [Export Data to CSV or Excel Format](/table-operations/download#download-data)
7. [Change Cover Image](/table-operations/field-operations#change-cover-field-kanbankanban-view)
8. **Change Stacked by Field**: You can change the field by which the records are stacked on the kanban view by clicking on the `Stacked by` menu in the toolbar. Dropdown lists all `Single select` fields that are available on this table. From the dropdown, select the new field by which you want to stack the records.
![Change Stacked by Field](/img/v2/views/kanban-change-stack.png)
## Kanban View Record Operations
1. **Add a New Record to the Kanban**: On kanban, you can add a new record directly to a particular stack by using `Add Record` button on the stack footer. This opens up an expanded record view where you can enter the data for the new record. Once you save the record, it will be displayed on the kanban view. You can also add a new record to the table, and it will be displayed on the kanban view.
![Add Record](/img/v2/views/kanban-add-record.png)
2. **Edit an Existing Record on the Kanban**: Click on the card on the kanban view to open the record in the expanded record view. You can edit the record in the expanded record view and save it.
3. **Delete a Single Record from the Kanban**: Right-click on the card to access the context menu and select the `Delete` option.
4. **Delete Multiple Records in Bulk from the Kanban**: Currently it is not possible to delete multiple records in bulk directly on the kanban view. However, you can delete multiple records in bulk from the grid view & it will be reflected on the kanban view.
## Related articles
[Grid View](/views/view-types/grid)
[Kanban View](/views/view-types/kanban)
[Form View](/views/view-types/form)

BIN
packages/noco-docs/static/img/v2/table-operations/change-cover-image.png vendored

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 KiB

BIN
packages/noco-docs/static/img/v2/views/kanban-add-record.png vendored

Binary file not shown.

After

Width:  |  Height:  |  Size: 459 KiB

BIN
packages/noco-docs/static/img/v2/views/kanban-change-stack.png vendored

Binary file not shown.

After

Width:  |  Height:  |  Size: 354 KiB

Loading…
Cancel
Save