diff --git a/packages/noco-docs/docs/090.views/010.views-overview.md b/packages/noco-docs/docs/090.views/010.views-overview.md index d16db345ac..6d9cba7860 100644 --- a/packages/noco-docs/docs/090.views/010.views-overview.md +++ b/packages/noco-docs/docs/090.views/010.views-overview.md @@ -21,6 +21,7 @@ View represents data from a table. Any updates to records in a view will be refl 2. [Form View](view-types/form) 3. [Gallery View](view-types/gallery) 4. [Kanban View](view-types/kanban) +5. [Calendar View](view-types/calendar) ## View Permission Types diff --git a/packages/noco-docs/docs/090.views/020.create-view.md b/packages/noco-docs/docs/090.views/020.create-view.md index 29e5dc514c..86a6fd6346 100644 --- a/packages/noco-docs/docs/090.views/020.create-view.md +++ b/packages/noco-docs/docs/090.views/020.create-view.md @@ -11,6 +11,7 @@ keywords: ['NocoDB view', 'create view'] 2. Select view type from the dropdown modal. 3. Fill view name in the pop-up modal. - For Kanban view, select the `Single select` field to be used as the Kanban field. + - For Calendar view, select the `Date` OR `DateTime` field to be used as the Calendar field. 4. Click on `Create View` button. ![image](/img/v2/views/create-view-1.png) diff --git a/packages/noco-docs/docs/090.views/040.view-types/050.calendar.md b/packages/noco-docs/docs/090.views/040.view-types/050.calendar.md new file mode 100644 index 0000000000..6b744713f7 --- /dev/null +++ b/packages/noco-docs/docs/090.views/040.view-types/050.calendar.md @@ -0,0 +1,51 @@ +--- +title: 'Calendar' +description: 'Learn how to work with Calendar view in NocoDB.' +tags: ['Views', 'Calendar'] +keywords: ['NocoDB Calendar', 'Calendar View', 'Calendar board', 'Calendar view operations'] +--- + +Calendar View allows you to visualise your data in a calendar format. You can easily rearrange the records by dragging and dropping them to different dates. You can also visualise the records in a day, week, month, or year format. This section will cover all the operations that can be performed on the Calendar view. + +[//]: # (![1010-2 Calendar](/img/v2/views/calendar.png)) + +## Calendar View Actions +1. [Create a New Calendar View](/views/create-view/#create-new-view) +2. [Rename an Existing Calendar View](/views/actions-on-view#rename-view) +3. [Duplicate a Calendar View](/views/actions-on-view#duplicate-view) +4. [Remove a Calendar View](/views/actions-on-view#delete-view) +5. [Share a Calendar View](/views/share-view) +6. [Lock Calendar View for Edits](/views/views-overview#view-permission-types) + +## Calendar View Operations +1. [Apply Filters to Display Specific Records on the Calendar](/table-operations/filter) +2. [Sort Records on the Calendar by One or More Criteria](/table-operations/sort) +3. [Perform Quick Searches for Specific Data Within Fields](/table-operations/search) +4. [Export Data to CSV or Excel Format](/table-operations/download#download-data) + + +## Timescales +For Calendar view, NocoDB supports 4 different timescales: + +#### Day +In day view, you can see the records for a single day. For records with DateTime fields, you can drag and drop the records to different timeslots within the day. + +![day-view](/img/v2/views/calendar/day-scale.png) + +#### Week +In week view, you can see the records for a single week. You can drag and drop the records to different days within the week. For records with DateTime fields, you can drag and drop the records to different timeslots within the day. + +![week-view](/img/v2/views/calendar/week-scale.png) + +#### Month +In month view, you can see the records for an entire month. You can drag and drop the records to different days within the month. + +![month-view](/img/v2/views/calendar/month-scale.png) + +#### Year +Year view allows you to see a birds-eye view of the records for the entire year. Blue badge on the date indicates that there are records on that date. You can click on the date to see the records for that date. + +![year-view](/img/v2/views/calendar/year-scale.png) + + + diff --git a/packages/noco-docs/static/img/v2/views/calendar/day-scale.png b/packages/noco-docs/static/img/v2/views/calendar/day-scale.png new file mode 100644 index 0000000000..2199c9cc47 Binary files /dev/null and b/packages/noco-docs/static/img/v2/views/calendar/day-scale.png differ diff --git a/packages/noco-docs/static/img/v2/views/calendar/month-scale.png b/packages/noco-docs/static/img/v2/views/calendar/month-scale.png new file mode 100644 index 0000000000..562ef665a7 Binary files /dev/null and b/packages/noco-docs/static/img/v2/views/calendar/month-scale.png differ diff --git a/packages/noco-docs/static/img/v2/views/calendar/week-scale.png b/packages/noco-docs/static/img/v2/views/calendar/week-scale.png new file mode 100644 index 0000000000..3d680f8880 Binary files /dev/null and b/packages/noco-docs/static/img/v2/views/calendar/week-scale.png differ diff --git a/packages/noco-docs/static/img/v2/views/calendar/year-scale.png b/packages/noco-docs/static/img/v2/views/calendar/year-scale.png new file mode 100644 index 0000000000..b19c170291 Binary files /dev/null and b/packages/noco-docs/static/img/v2/views/calendar/year-scale.png differ