Browse Source

docs: update screenshots in views

pull/3976/head
Wing-Kam Wong 2 years ago
parent
commit
9a9bd52191
  1. 14
      packages/noco-docs/content/en/setup-and-usages/views.md

14
packages/noco-docs/content/en/setup-and-usages/views.md

@ -13,14 +13,14 @@ In a table, you can use different views to display your data. You can show speci
To navigate different views, we can select the target one in the view sidebar. By default, Grid View will be created for you after creating the table. You can create multiple views of a type, as long as they have unique View names. To navigate different views, we can select the target one in the view sidebar. By default, Grid View will be created for you after creating the table. You can create multiple views of a type, as long as they have unique View names.
## View Menu Bar ## View Menu Bar
To work with `Views`, use View menu-bar on the right hand side - To work with `Views`, use View menu-bar on the right hand side -
- <1> Toggle View menu-bar. - <1> Toggle View menu-bar.
- <2> Displays created view-list for the selected table - <2> Displays created view-list for the selected table
- Currently active view is high-lighted - Currently active view is high-lighted
- <3> Add new view to the list - <3> Add new view to the list
![Screenshot 2022-09-09 at 2 56 15 PM](https://user-images.githubusercontent.com/86527202/189321194-303c4a8c-d9a1-4368-962c-c7596763efb6.png) ![image](https://user-images.githubusercontent.com/35857179/194814369-53fa8875-7610-4849-9a91-f94096b15b3f.png)
<!-- ![image](https://user-images.githubusercontent.com/35857179/163340916-d1101709-2051-4d0e-9d86-dd14eced49e9.png) -->
## View Types ## View Types
@ -28,15 +28,13 @@ To work with `Views`, use View menu-bar on the right hand side -
Grid View, as a default type of view, allows you to display your data in a spreadsheet-like interface. Grid View, as a default type of view, allows you to display your data in a spreadsheet-like interface.
![image](https://user-images.githubusercontent.com/86527202/189322133-04bddf2b-c885-49ca-aa8e-2a09ac755555.png) ![1010 Grid](https://user-images.githubusercontent.com/35857179/194810522-27723c76-24d1-40b0-834b-101efd97d73c.png)
<!-- ![image](https://user-images.githubusercontent.com/35857179/163343433-f6594d6e-5874-45ae-b403-5774247659bb.png) -->
### Form View ### Form View
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.
![image](https://user-images.githubusercontent.com/35857179/188585121-94d0260d-6dbd-4e34-9758-a1a3709fc416.png) ![1010 Form](https://user-images.githubusercontent.com/35857179/194813994-6e3f0495-273a-41c3-b6f9-c33f16260952.png)
<!-- ![image](https://user-images.githubusercontent.com/35857179/163355269-73d2a9d4-bafb-47c0-8c0d-d0e66503b47a.png) -->
You can drag-drop columns from the form to form-field-menu-bar as requried. You can drag-drop columns from the form to form-field-menu-bar as requried.
@ -44,13 +42,13 @@ You can drag-drop columns from the form to form-field-menu-bar as requried.
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.
![image](https://user-images.githubusercontent.com/86527202/189322216-f8df0b69-5177-4ebc-be28-c11e3efb41a4.png) ![1010 Gallery](https://user-images.githubusercontent.com/35857179/194810516-516e510b-4a86-4791-be36-78b5392d9929.png)
### Kanban View ### Kanban View
Kanban View allows you to visualise your data using cards at various stacks. Kanban View allows you to visualise your data using cards at various stacks.
![image](https://user-images.githubusercontent.com/35857179/192695066-2927ac83-ea08-43af-9178-776df018f465.png) ![1010 Kanban](https://user-images.githubusercontent.com/35857179/194810523-7288dccb-9861-46f6-836d-4aa17e30dc6c.png)
## View Permission Types ## View Permission Types

Loading…
Cancel
Save