diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/docs.en.md b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/docs.en.md new file mode 100644 index 00000000..8ec6b259 --- /dev/null +++ b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/docs.en.md @@ -0,0 +1,215 @@ +--- +title: "Webmail: Roundcube" +published: true +visible: true +indexed: true +updated: + last_modified: "April 2020" + app: Roundcube Webmail + app_version: 1.4.2 +taxonomy: + category: + - docs + tags: + - webmail +page-toc: + active: true +--- + +# Getting started +Once you have logged in, you will find the main Roundcube screen which is divided into the following sections: + +![](en/overview.png) + +## 1. Tasks section +Here you can access the main tasks such as **Compose** an email, **Mail**, **Contacts**, **Cloud** and **Settings** (we will see all these tasks and settings in detail in the next chapters of this tutorial). The **Logout** button (to terminate the current session) is also in this section. You can switch from one task to another by using this tasks list. This will reload the screen with a specific view for the selected task but they can also be opened in individual browser windows or tabs. Just right-click on a task icon and then choose “Open Link in New Tab/Window” from the browser’s context menu. + + +## 2. Folders section + +### a. Actions +By clicking on the three dots icon on the right of your username, you access a menu of actions related to the folders. + +![](en/folder_actions.png) + +- **Compact**
+ This action will compact the folder size by deleting messages that have been marked for deletion. +- **Empty**
+ This will delete all messages in the Trash and Junk folders permanently. **This operation cannot be undone**, so be careful when doing it. +- **Mark all as read**
+ This action will obviously mark all the unread messages in the selected folder as read. +- **Manage folders**
+ This option will take you to the folder settings section where you can manage (create, delete, rename or re-organize) the mailbox folders. +- **Show folder size**
+ Show/Hide the actual size of every folder. + + +### b. Folders List +The list of your default and custom email folders. + +![](en/folders_list.png) + + +### c. Quota +Displays the mailbox storage space used. + +![](en/quota.png) + + +## 3. Messages section + +![](en/message_actions.png) + +### a. Actions +Here are the operations you can perform on the messages shown in the list (5). + +#### Select + +![](en/messages_select.png) + +Click on **Select** option to make a **Selection** of specific messages, **All** of them, those on a selected (**Current**) page, the **Unread** or the **Flagged** ones. You also have the options to **Invert** the selection or not select any (**None**). + + +#### Threads + +![](en/threads_options.png) + +**Roundcube** allows you to organize and sort your messages as **Threads**, this is a set of messages from a conversation grouped by "topic". You have to toggle between **List** (the default view mode) or **Threads** view. To do it, click on the **Options** button, select "Threads" in **List Mode** and finally **Save**. + +![](en/list_options.gif) + +In "Thread" mode, groups of messages can be expanded or collapsed by clicking the arrow icon to the left of the message list. + + +#### Refresh + +The client periodically and automatically checks for new messages on the server. You can force this check manually by clicking this Refresh button. + + +### b. Messages list + +![](en/message_list.png) + +Here is where all the messages in the current folder are displayed. Depending on your settings, the list will only display a number of messages at a time. You can see the number of messages displayed in the list and the total number of messages in that folder right below the list (c). Use the arrow buttons to browse through the pages. + +![](en/display_messages.png) + +You can also use the **Search** function to find a message. Enter a search term and press on the keyboard to start searching. To reset the search, click the clear icon on the right border of the search box. + +![](en/search.png) + + +## 4. Preview pane + +![](en/preview_pane.png) + +This sections displays a currently selected message from the **Messages list** as well as some most used actions like reply or forward a message. + +![](en/preview_email.png) + +### a. Actions + +![](en/pane_actions.png) + +#### Reply / Reply All + +![](en/reply.png) + +To respond on a received message, just click the **Reply** or the **Reply all** button. This will open the compose screen with a quote of the message you are replying to and with the recipient(s) pre-filled. + +![](en/reply_message.png) + +**Reply** will copy the sender address into **To** field and **Reply all** will add all recipients of the original message to the **To** and **Cc** fields. + +Additionally, you can choose to **Reply All** other contacts included in a group email or a mailing list if any. + +![](en/reply_all.png) + + +#### Forward + +![](en/forward.png) + +You can also forward an email to someone by clicking the **Forward** button. + +The compose screen will contain the message text and attachments already added. You can also add or remove attachments. + +![](en/forward_compose.png) +
+ +There are three **Forward** options: + +![](en/forward_options.png) + +- **Forward inline**
+ This is also the default mode. The content and attachments of the original message are copied to the message text editor and can be modified or deleted.
+ **NOTE**: This mode can truncate or re-format HTML formatted messages. + +- **Forward as attachment**
+ This option generates a copy of the original message that is attached to the forwarding message. In this way the original message will keep its formatting and attachments and will not allow you to modify anything. + +- **Resend (bounce)**
+ This option is similar to the previous ones, but it works differently. Since it forwards the email untouched it is not necessary a complete mail composing page, just a dialog box to enter few data. The **From**, **To**, **Cc** and/or **Bcc** information will be appended to the original message as headers with ‘Resent-‘ prefix according to mail standards. + +![](en/forward_bounce.png) + +!! We will look the **Reply** and **Forward** options, as well as everything related to creation and management of emails, in more detail in the following chapters. + +#### Delete + +![](en/delete.png) + +This option moves the currently selected message to the trash folder. As it does not permanently delete the message, by default this action will not ask you to confirm to send it to Trash. + + +#### Show size + +![](en/show_size.png) + +We already saw this one within the options of the Folders section: it shows/hide the actual size of the folders. + + +#### Clean + +![](en/show_size.png) + +Depending on the settings of your Trash folder, when you click on **Clean**, this option will look for old messages and ask you if you want to delete them. + +![](en/clean.gif) + + +#### Junk + +![](en/junk.png) + +This option sends a selected message to the **Junk** folder. Since it does not permanently delete it, you can revert the action by going to the Junk folder, selecting the email and then the **Not Junk** option. + +![](en/junk_not.png) + + +#### Mark + +![](en/mark.png) + +Click on this option to mark a message as **Read**/**Unread** or **Flagged**/**Unflagged** + +![](en/mark_as.png) + + +#### More + +![](en/more.png) + +Here you can find options like: +- **Print this message** +- **Import** (Import messages from Mbox or MIME format files) +- **Download** (Export/Download messages) +- **Edit as new** (Edit the current message as a new one) +- **Show source** (Show the source code of the email - email header information, HTML code, when it was received, the server that sent it, etc. -) +- **Move to...** (Move the message to a different folder) +- **Copy to...** (Copy the message to a different folder) +- **Open the message in a new window** +- **Create a filter** (From the data contained in the **Subject**, **From** and **To** information) + + +![](en/more_options.png) diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/clean.gif b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/clean.gif new file mode 100644 index 00000000..22f89a05 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/clean.gif differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/delete.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/delete.png new file mode 100644 index 00000000..c63bcc73 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/delete.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/display_messages.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/display_messages.png new file mode 100644 index 00000000..4e15d84d Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/display_messages.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/folder_actions.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/folder_actions.png new file mode 100644 index 00000000..6d36b034 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/folder_actions.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/folders_list.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/folders_list.png new file mode 100644 index 00000000..3ea71b75 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/folders_list.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward.png new file mode 100644 index 00000000..6c2ba39b Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_bounce.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_bounce.png new file mode 100644 index 00000000..76edc5ad Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_bounce.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_compose.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_compose.png new file mode 100644 index 00000000..bcced383 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_compose.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_options.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_options.png new file mode 100644 index 00000000..d7384ae0 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/forward_options.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/junk.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/junk.png new file mode 100644 index 00000000..0e21e944 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/junk.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/junk_not.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/junk_not.png new file mode 100644 index 00000000..65744348 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/junk_not.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/list_options.gif b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/list_options.gif new file mode 100644 index 00000000..70ffb3c4 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/list_options.gif differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/logo.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/logo.png new file mode 100644 index 00000000..ee1fb311 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/logo.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/mark.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/mark.png new file mode 100644 index 00000000..2047f77c Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/mark.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/mark_as.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/mark_as.png new file mode 100644 index 00000000..f5c15857 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/mark_as.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/message_actions.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/message_actions.png new file mode 100644 index 00000000..7b26b28c Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/message_actions.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/message_list.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/message_list.png new file mode 100644 index 00000000..3a270afd Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/message_list.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/messages_select.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/messages_select.png new file mode 100644 index 00000000..823f8484 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/messages_select.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/more.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/more.png new file mode 100644 index 00000000..91422a5b Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/more.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/more_options.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/more_options.png new file mode 100644 index 00000000..0f332bb8 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/more_options.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/overview.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/overview.png new file mode 100644 index 00000000..2d85f809 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/overview.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/pane_actions.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/pane_actions.png new file mode 100644 index 00000000..fc1ebad7 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/pane_actions.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/preview_email.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/preview_email.png new file mode 100644 index 00000000..2bef4d2e Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/preview_email.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/preview_pane.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/preview_pane.png new file mode 100644 index 00000000..4d3b5ae5 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/preview_pane.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/quota.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/quota.png new file mode 100644 index 00000000..5a19d266 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/quota.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply.png new file mode 100644 index 00000000..94d5d2cd Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply_all.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply_all.png new file mode 100644 index 00000000..e3e9c398 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply_all.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply_message.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply_message.png new file mode 100644 index 00000000..7181c384 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/reply_message.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/search.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/search.png new file mode 100644 index 00000000..01aed919 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/search.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/show_size.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/show_size.png new file mode 100644 index 00000000..71ef61a7 Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/show_size.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/threads_options.png b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/threads_options.png new file mode 100644 index 00000000..a515de1b Binary files /dev/null and b/pages/02.tutorials/03.Email/03.Webmail/Roundcube/en/threads_options.png differ diff --git a/pages/02.tutorials/03.Email/03.Webmail/docs.en.md b/pages/02.tutorials/03.Email/03.Webmail/docs.en.md index a3cb6140..bae7047d 100644 --- a/pages/02.tutorials/03.Email/03.Webmail/docs.en.md +++ b/pages/02.tutorials/03.Email/03.Webmail/docs.en.md @@ -12,4 +12,16 @@ page-toc: active: false --- -# Webmail (Coming soon) +# Disroot Webmail + +A webmail, or web-based email, is an email service that can be accessed using the web browser. This means you don't need to install an email client software on your device. The main advantage of webmail over the use of a desktop email client is the ability to send and receive email anywhere from a web browser. + +Disroot webmail solution is powered by **Roundcube**. + + +![](Roundcube/en/logo.png) + +# What is Roundcube? +Roundcube is a free and open source webmail software that provides all the functionalities you would expect from an email client: full support for MIME and HTML messages, multiple sender identities, address book with groups and LDAP connectors, threaded message listing, spell checking, support for access control lists (ACL), import/export functions and support for PGP encryption among many other features. + +Through the following tutorial, we will learn how to use **Roundcube** and get to know all its features. diff --git a/pages/02.tutorials/03.Email/03.Webmail/thumb.png b/pages/02.tutorials/03.Email/03.Webmail/thumb.png index d925e266..9378afe0 100644 Binary files a/pages/02.tutorials/03.Email/03.Webmail/thumb.png and b/pages/02.tutorials/03.Email/03.Webmail/thumb.png differ