diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/docs.en.md b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/docs.en.md index e4d75123..80f97e17 100755 --- a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/docs.en.md +++ b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/docs.en.md @@ -1,12 +1,12 @@ --- -title: "Calendar: Web" +title: 'Calendar: Web' published: true indexed: true visible: false updated: - last_modified: "July 2019" + last_modified: "October 2020" app: Nextcloud - app_version: 15 + app_version: 19 taxonomy: category: - docs @@ -17,50 +17,56 @@ page-toc: active: true --- -# Using the Calendar app via web interface +# Using the Calendar app +Login to the **Cloud** and access your calendar app by clicking the *calendar icon* in the top bar. -You can access your calendar app by pressing the ![](en/calendar_top_icon.png) {.inline} icon in the top bar. -*Left-bar* in the calendar window gives you an overview of your calendars, their options and general settings. +![](en/calendar_app.png) + +The *left-pane* in the calendar window gives you an overview of your calendars, their options and general settings. ![](en/calendar_main.png) +## Create a Calendar +To create a new calendar just click **New calendar**. A small prompt will appear where you can type the name you want to give to this new calendar. Then press the ![](en/arrow.png) arrow icon. -## Create Calendar -To create a new calendar in this options panel press "*create calendar*" -A small prompt will appear where you can type the name you want to give to this new calendar and select a color for it. -Then press "*create*". +![](en/calendar_create.png) -![](en/calendar_add_new.png) +You can create multiple calendars for different purposes (work, activism, etc.) by repeating this process. -You can create multiple calendars for different purposes (work, activism, etc.) by repeating this process. If you do that, you can use different colors to set them apart (last icon is the color picker which allows you to choose any color you want![](en/calendar_colorpick_icon.png)). +![](en/repeating.png) -![](en/calendar_list.png) +## Calendar options +On the left panel, you will see your calendars listed. By clicking on the three dots icon to the right of a calendar, you will access the options menu from where you can: +- Edit the calendar name +- Edit its color (useful if you have many calendars) +- Copy private link to get the calendar URL to sync it with other devices +- Download it (in which case a .ics will be created for that) +- Delete it -## Delete, edit, Download calendar. -On the left panel, you will see your calendars listed. To the right of each calendar you will find a "more" button where you can: - -- rename your calendar, -- download it -- get a url link to sync it with other devices -- delete your calendar. - -![](en/calendar_edit1.png) - + ![](en/calendar_options.png) ## Create an event -You can create a new event in your calendar by clicking in the calendars *main window* simply on the day of the event. A panel will appear on the right side, where you can fill with the information of the event. +To create a new event in your calendar just click on the date of the event. An options window will appear with very basic options such as **Event title**, choose which calendar to link it to, if it is an **All day** event or set the time range of it. -![](en/calendar_edit_menu.png) +![](en/event_options_01.png) -In this panel you can specify: +You can access more detailed options by clicking on the **More** button. A panel will appear on the right side, where you can add more complete information of the event. - - event title - - start and end date - - start and end time - - if it's full day event or not - - event location - - event description +![](en/event_options_panel.png) + +In this panel you can: + + - Edit the **Event title** + - Set the **Start/End** date and time + - Select if it is an **All day** event + - **Add a location** + - **Add a description** + - Set the overall **status** of the event (Confirmed/Tentative/Cancelled) + - The visibility of the event when the calendar containing it is shared (Show full event/Show only busy/Hide the event) + - How the event should be taken into account when calculating Free/Busy information + - Add a **Category** to help you structure and organize your events +- Edit the color ![](en/calendar_edit_menu2.png) diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/arrow.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/arrow.png new file mode 100644 index 00000000..e6560e30 Binary files /dev/null and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/arrow.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_app.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_app.png new file mode 100644 index 00000000..5d8799b9 Binary files /dev/null and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_app.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_colorpick_icon.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_colorpick_icon.png deleted file mode 100755 index 736e057a..00000000 Binary files a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_colorpick_icon.png and /dev/null differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_create.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_create.png new file mode 100644 index 00000000..c33586d2 Binary files /dev/null and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_create.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_main.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_main.png old mode 100755 new mode 100644 index bf00aad4..16f56052 Binary files a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_main.png and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_main.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_options.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_options.png new file mode 100644 index 00000000..f264c6af Binary files /dev/null and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_options.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_top_icon.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_top_icon.png deleted file mode 100755 index 5de579db..00000000 Binary files a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/calendar_top_icon.png and /dev/null differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/event_options_01.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/event_options_01.png new file mode 100644 index 00000000..e395a73c Binary files /dev/null and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/event_options_01.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/event_options_panel.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/event_options_panel.png new file mode 100644 index 00000000..3e61f835 Binary files /dev/null and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/event_options_panel.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/new_calendar.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/new_calendar.png new file mode 100644 index 00000000..41ed94f7 Binary files /dev/null and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/new_calendar.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/repeating.png b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/repeating.png new file mode 100644 index 00000000..9b2eb799 Binary files /dev/null and b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/01.Web/en/repeating.png differ diff --git a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/docs.en.md b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/docs.en.md index dd33a325..06216239 100644 --- a/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/docs.en.md +++ b/pages/02.tutorials/02.Cloud/04.Apps/02.Calendar/docs.en.md @@ -15,6 +15,7 @@ page-toc: --- ## Calendar +The **Calendar** app is a user interface for **Disroot Cloud**'s CalDAV server and it works like many other calendar applications allowing synchronization of events, tasks and more from various devices with your **Cloud**. ### [Web interface](web) - Creating and configuring calendars