Difference between revisions of "ROUNDCUBE USER'S GUIDE"

From SPGC Document Wiki
Jump to: navigation, search
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[Main_Page | Main Page]] > [[Application_Development_Team | Application Development Team]] > [[System_Manual | System Manual]] > [[ROUNDCUBE_USER_'_S_GUIDE | Roundcube User's Guide]]
+
[[Main_Page | Main Page]] > [[Application_Development_Team | Application Development Team]] > [[System_Manual | System Manual]] > [[ROUNDCUBE_WEBMAIL | Roundcube Webmail]]
  
 
== '''Roundcube User's Guide''' ==
 
== '''Roundcube User's Guide''' ==
  
  '''Connect to the Interface'''
+
===== '''Connect to the Interface''' =====
 
[[File:1_-_Connect_to_the_Interface.JPG|500px|center]]
 
[[File:1_-_Connect_to_the_Interface.JPG|500px|center]]
 
:::::<p>'''>''' Enter in your username and password and click on “'''Login'''”</p>
 
:::::<p>'''>''' Enter in your username and password and click on “'''Login'''”</p>
 
=== '''Mail''' ===
 
=== '''Mail''' ===
  
  '''Inbox'''
+
===== '''Inbox''' =====
 
[[File:2_-_Discovering_the_Interface.JPG|500px|center]]
 
[[File:2_-_Discovering_the_Interface.JPG|500px|center]]
 
:::::<p>'''>''' Once connected to your account, you have access to your inbox and sent messages. In the left column you can find the main folder of your account: <span style=color:blue>'''message sent and received'''</span></p>
 
:::::<p>'''>''' Once connected to your account, you have access to your inbox and sent messages. In the left column you can find the main folder of your account: <span style=color:blue>'''message sent and received'''</span></p>
Line 23: Line 23:
 
     <table style="border:1px solid black"><tr><td>'''NOTE: By default, some columns do not appear. This is the case of the priorities assign to e-mails. To change this, you must change the display with the option shown below '''</table>
 
     <table style="border:1px solid black"><tr><td>'''NOTE: By default, some columns do not appear. This is the case of the priorities assign to e-mails. To change this, you must change the display with the option shown below '''</table>
 
<br>
 
<br>
  '''Display Option and Sorting'''
+
===== '''Display Option and Sorting''' =====
 
[[File:3_-_Display_Option_and_Sorting.JPG|500px|center]]
 
[[File:3_-_Display_Option_and_Sorting.JPG|500px|center]]
 
:::::<p>'''>''' To access this option, click on the <span style=color:red>'''gear icon'''</span> on the top left side of the main frame of your e-mails, to the left of subject </p>
 
:::::<p>'''>''' To access this option, click on the <span style=color:red>'''gear icon'''</span> on the top left side of the main frame of your e-mails, to the left of subject </p>
Line 31: Line 31:
 
:::::::* Select the sort order (ascending or descending).
 
:::::::* Select the sort order (ascending or descending).
 
:::::<p>'''>''' Once you have made your selections, confirm by clicking “'''Save'''”  </p>
 
:::::<p>'''>''' Once you have made your selections, confirm by clicking “'''Save'''”  </p>
  '''Email Options'''
+
===== '''Email Options''' =====
 
[[File:4_-_Email_Options.JPG|500px|center]]
 
[[File:4_-_Email_Options.JPG|500px|center]]
 
:::::<p>'''>''' <span style=color:red>'''The number of unread emails'''</span> appears in the left column to the right box of inbox  </p>
 
:::::<p>'''>''' <span style=color:red>'''The number of unread emails'''</span> appears in the left column to the right box of inbox  </p>
Line 42: Line 42:
 
:::::::* <span style=color:blue>'''Mark'''</span>: for this option see the next paragraph
 
:::::::* <span style=color:blue>'''Mark'''</span>: for this option see the next paragraph
 
:::::::* <span style=color:blue>'''… More'''</span>: for this option see the next paragraph
 
:::::::* <span style=color:blue>'''… More'''</span>: for this option see the next paragraph
  '''Mark Message'''
+
===== '''Mark Message''' =====
 
[[File:5_-_Mark_Message.JPG|200px|center]]
 
[[File:5_-_Mark_Message.JPG|200px|center]]
 
:::::<p>'''>''' When you click the "'''Mark'''", you get this pop-up menu. So you can mark a message, remove a mark as unread and declare a message has been read. This option also works (and especially) to select multiple emails.  </p>
 
:::::<p>'''>''' When you click the "'''Mark'''", you get this pop-up menu. So you can mark a message, remove a mark as unread and declare a message has been read. This option also works (and especially) to select multiple emails.  </p>
 
:::::<p>'''>''' These options are useful to highlight some of your emails  </p>
 
:::::<p>'''>''' These options are useful to highlight some of your emails  </p>
  '''... More'''
+
===== '''... More''' =====
 
[[File:6_-_..._More.JPG|200px|center]]
 
[[File:6_-_..._More.JPG|200px|center]]
 
:::::<p>'''>''' When you click the “'''… More'''” you get this pop-up menu  </p>
 
:::::<p>'''>''' When you click the “'''… More'''” you get this pop-up menu  </p>
:::::<p>'''>''' You can the:  </p>
+
:::::<p>'''>''' You can:  </p>
 
:::::::* '''Print this message''': open the message in a new window and offers printing.
 
:::::::* '''Print this message''': open the message in a new window and offers printing.
 
:::::::* '''Download''': allows you to download your computer e-mail format.eml
 
:::::::* '''Download''': allows you to download your computer e-mail format.eml
Line 55: Line 55:
 
:::::::* '''Show source''': displays the full source of the message. Very useful when you are asked for headers!
 
:::::::* '''Show source''': displays the full source of the message. Very useful when you are asked for headers!
 
:::::::* '''Open in new window''': allows you to open the message in a new window (useful for viewing/ open multiple message at time)
 
:::::::* '''Open in new window''': allows you to open the message in a new window (useful for viewing/ open multiple message at time)
 +
 
=== '''Settings''' ===
 
=== '''Settings''' ===
  
  '''Access Settings'''
+
===== '''Access Settings''' =====
 
[[File:7_-_Access_Settings.JPG|500px|center]]
 
[[File:7_-_Access_Settings.JPG|500px|center]]
 
:::::<p>'''>''' You must be logged in to your account to access this feature.  </p>
 
:::::<p>'''>''' You must be logged in to your account to access this feature.  </p>
 
:::::<p>'''>''' To access the settings of your email account, click the gear at the top right.  </p>
 
:::::<p>'''>''' To access the settings of your email account, click the gear at the top right.  </p>
  '''User Interface'''
+
===== '''User Interface''' =====
 
[[File:8_-_User_Interface.JPG|500px|center]]
 
[[File:8_-_User_Interface.JPG|500px|center]]
 
:::::<p>'''>''' After clicking on the gear you will land directly on the '''User Interface'''  </p>
 
:::::<p>'''>''' After clicking on the gear you will land directly on the '''User Interface'''  </p>
 
:::::<p>'''>''' In this interface, you can change various elements such as language, date and time formats and the theme of the interface  </p>
 
:::::<p>'''>''' In this interface, you can change various elements such as language, date and time formats and the theme of the interface  </p>
  '''Mailbox View'''
+
===== '''Mailbox View''' =====
 
[[File:9_-_Mailbox_View.JPG|500px|center]]
 
[[File:9_-_Mailbox_View.JPG|500px|center]]
 
:::::<p>'''>''' In '''Mailbox View''', you can change the number of emails displayed in the interface to generate fewer pages for example if you have a large number of e-mails. You can also choose not to display the preview email interface and display only when double click or in a new window. </p>
 
:::::<p>'''>''' In '''Mailbox View''', you can change the number of emails displayed in the interface to generate fewer pages for example if you have a large number of e-mails. You can also choose not to display the preview email interface and display only when double click or in a new window. </p>
  '''Displaying Message'''
+
===== '''Displaying Message''' =====
 
[[File:10_-_Displaying_Message.JPG|500px|center]]
 
[[File:10_-_Displaying_Message.JPG|500px|center]]
 
:::::<p>'''>''' In '''Displaying messages''', you can choose to display (HTML or not, remote images, the character encoding) in your emails. </p>
 
:::::<p>'''>''' In '''Displaying messages''', you can choose to display (HTML or not, remote images, the character encoding) in your emails. </p>
  '''Composing Message'''
+
===== '''Composing Message''' =====
 
[[File:11_-_Composing_Message.JPG|500px|center]]
 
[[File:11_-_Composing_Message.JPG|500px|center]]
 
:::::<p>'''>''' In '''Composing messages''', you can choose different items related to writing your e-mails, as the format of writing, receipt, distribution, the font, etc. . </p>
 
:::::<p>'''>''' In '''Composing messages''', you can choose different items related to writing your e-mails, as the format of writing, receipt, distribution, the font, etc. . </p>
  '''Address Book'''
+
===== '''Address Book''' =====
 
[[File:12_-_Address_Book.JPG|500px|center]]
 
[[File:12_-_Address_Book.JPG|500px|center]]
 
:::::<p>'''>''' In the '''Address Book''', you can choose the address book to use by default (if several address books were created) as well as options sort and display the contacts. </p>
 
:::::<p>'''>''' In the '''Address Book''', you can choose the address book to use by default (if several address books were created) as well as options sort and display the contacts. </p>
  '''Special Folders'''
+
===== '''Special Folders''' =====
 
[[File:13_-_Special_Folders.JPG|500px|center]]
 
[[File:13_-_Special_Folders.JPG|500px|center]]
 
:::::<p>'''>''' In Special Folders, you can set where to place emails to be considered '''Drafts''', '''Sent Items''', '''Junk''' and emails that go to '''Trash'''. </p>
 
:::::<p>'''>''' In Special Folders, you can set where to place emails to be considered '''Drafts''', '''Sent Items''', '''Junk''' and emails that go to '''Trash'''. </p>
  '''Server Settings'''
+
===== '''Server Settings''' =====
 
[[File:14_-_Server_Settings.JPG|500px|center]]
 
[[File:14_-_Server_Settings.JPG|500px|center]]
 
:::::<p>'''>''' In '''Server Settings''', you can set the deletion of emails on the server (from the Webmail). </p>
 
:::::<p>'''>''' In '''Server Settings''', you can set the deletion of emails on the server (from the Webmail). </p>
Line 88: Line 89:
 
:::::::* '''How to fix it?''' : In this interface Server Settings, select “When moving message to trash fails, delete them. “You can now delete emails without any problems.
 
:::::::* '''How to fix it?''' : In this interface Server Settings, select “When moving message to trash fails, delete them. “You can now delete emails without any problems.
 
==== '''Settings – Folders''' ====
 
==== '''Settings – Folders''' ====
  '''Create Folder'''
+
===== '''Create Folder''' =====
 
[[File:15_-_Create_Folder.JPG|500px|center]]
 
[[File:15_-_Create_Folder.JPG|500px|center]]
 
:::::<p>'''>''' To create a custom folder and keep messages separate, click the <span style=color:red>'''“+”'''</span> </p>
 
:::::<p>'''>''' To create a custom folder and keep messages separate, click the <span style=color:red>'''“+”'''</span> </p>
 
:::::<p>'''>''' It will be placed in the <span style=color:blue>'''Inbox'''</span> and viewing will be emails in list mode  </p>
 
:::::<p>'''>''' It will be placed in the <span style=color:blue>'''Inbox'''</span> and viewing will be emails in list mode  </p>
 
:::::<p>'''>''' Click <span style=color:green>'''Save'''</span> to validate the creation. </p>
 
:::::<p>'''>''' Click <span style=color:green>'''Save'''</span> to validate the creation. </p>
  '''Edit – Delete Folder'''
+
===== '''Edit – Delete Folder''' =====
 
[[File:16 - Edit - Deleted Folder.JPG|500px|center]]
 
[[File:16 - Edit - Deleted Folder.JPG|500px|center]]
 
:::::<p>'''>''' To proceed with the <span style=color:red>'''removal'''</span>, select your folder and click the gear at the bottom of page. You can either: <span style=color:red>'''delete'''</span> the folder or <span style=color:red>'''empty'''</span> the folder. You can also see <span style=color:red>'''storage space'''</span> usage (in percentage). </p>
 
:::::<p>'''>''' To proceed with the <span style=color:red>'''removal'''</span>, select your folder and click the gear at the bottom of page. You can either: <span style=color:red>'''delete'''</span> the folder or <span style=color:red>'''empty'''</span> the folder. You can also see <span style=color:red>'''storage space'''</span> usage (in percentage). </p>
 
:::::<p>'''>''' To <span style=color:blue>'''change the folder'''</span>, simply click on the relevant folder. You can then change the <span style=color:blue>'''folder name'''</span>, the <span style=color:blue>'''parent folder'''</span>, the <span style=color:blue>'''display type'''</span> and can '''see''' the number of messages and the present size by the emails in the selected folder. Link "'''Click for file size'''" allows for the calculation of the size of these e-mails (when the number is greater than 0). </p>
 
:::::<p>'''>''' To <span style=color:blue>'''change the folder'''</span>, simply click on the relevant folder. You can then change the <span style=color:blue>'''folder name'''</span>, the <span style=color:blue>'''parent folder'''</span>, the <span style=color:blue>'''display type'''</span> and can '''see''' the number of messages and the present size by the emails in the selected folder. Link "'''Click for file size'''" allows for the calculation of the size of these e-mails (when the number is greater than 0). </p>
 
==== '''Settings – Identity''' ====
 
==== '''Settings – Identity''' ====
  '''Create Folder'''
+
===== '''Create Folder''' =====
 
[[File:17_-_Create_Signature.JPG|500px|center]]
 
[[File:17_-_Create_Signature.JPG|500px|center]]
 
:::::<p>'''>''' To set up a signature that will appear systematically in each of your mails, go to '''Settings''' and '''Identities'''. <span style=color:green>'''E-mail Address'''</span> From which you are connected to Webmail. </p>
 
:::::<p>'''>''' To set up a signature that will appear systematically in each of your mails, go to '''Settings''' and '''Identities'''. <span style=color:green>'''E-mail Address'''</span> From which you are connected to Webmail. </p>
Line 110: Line 111:
 
:::::::* <span style=color:red>'''HTML signature'''</span>:  what has been specified in Signature contains HTML and / or you want it to be compatible with the mail client of your correspondent.
 
:::::::* <span style=color:red>'''HTML signature'''</span>:  what has been specified in Signature contains HTML and / or you want it to be compatible with the mail client of your correspondent.
 
:::::<p>'''>''' Click '''Save''' to confirm the changes of the main identity</p>
 
:::::<p>'''>''' Click '''Save''' to confirm the changes of the main identity</p>
  '''Develop a signature with a picture'''
+
===== '''Develop a signature with a picture''' =====
 
[[File:20_-_Display_a_picture_with_signature.JPG|500px|center]]
 
[[File:20_-_Display_a_picture_with_signature.JPG|500px|center]]
 
:::::<p>'''>''' This step requires that the image is hosted on a server </p>
 
:::::<p>'''>''' This step requires that the image is hosted on a server </p>
Line 120: Line 121:
 
=== '''New Message''' ===
 
=== '''New Message''' ===
  
  '''Going to create new message'''
+
===== '''Going to create new message''' =====
 
[[File:18_-_New_Message.JPG|200px|center]]
 
[[File:18_-_New_Message.JPG|200px|center]]
 
:::::<p>'''>''' To write a new message, click '''Compose''' If you do not see this button (you are in the settings or address book), click the white envelope (email) on the top right. Then you will find this button. </p>
 
:::::<p>'''>''' To write a new message, click '''Compose''' If you do not see this button (you are in the settings or address book), click the white envelope (email) on the top right. Then you will find this button. </p>
  '''Options'''
+
===== '''Options''' =====
 
[[File:19_-_Options.JPG|500px|center]]
 
[[File:19_-_Options.JPG|500px|center]]
 
:::::<p>'''>''' You clicked on “'''Compose ...'''” </p>
 
:::::<p>'''>''' You clicked on “'''Compose ...'''” </p>
Line 131: Line 132:
 
:::::::* <span style=color:red>'''Cc +'''</span>: add your contact as corresponding single copy
 
:::::::* <span style=color:red>'''Cc +'''</span>: add your contact as corresponding single copy
 
:::::::* <span style=color:red>'''Bcc +'''</span>: add your contact as hidden corresponding copy. Other recipients of the e-mail will not see those in Bcc
 
:::::::* <span style=color:red>'''Bcc +'''</span>: add your contact as hidden corresponding copy. Other recipients of the e-mail will not see those in Bcc
  '''Send the message'''
+
===== '''Send the message''' =====
 
[[File:21_-_Send_Message.JPG|500px|center]]
 
[[File:21_-_Send_Message.JPG|500px|center]]
 
:::::<p>'''>''' To send your message, Click the <span style=colod:red>'''Send'''</span> button (shape like paper plane)</p>
 
:::::<p>'''>''' To send your message, Click the <span style=colod:red>'''Send'''</span> button (shape like paper plane)</p>
  '''Receive the message'''
+
===== '''Receive the message''' =====
 
[[File:22_-_Recieved_Message.JPG|500px|center]]
 
[[File:22_-_Recieved_Message.JPG|500px|center]]
 
:::::<p>'''>''' Here is how the received email that it was therefore sent.</p>
 
:::::<p>'''>''' Here is how the received email that it was therefore sent.</p>
 
:::::<p>'''>''' If the email is not received automatically, you can click on “'''Refresh'''” at the top left (opposite horizontal arrows)</p>
 
:::::<p>'''>''' If the email is not received automatically, you can click on “'''Refresh'''” at the top left (opposite horizontal arrows)</p>
  '''Add an attachment'''
+
===== '''Add an attachment''' =====
 
[[File:23_-_Add_Attachment.JPG|500px|center]]
 
[[File:23_-_Add_Attachment.JPG|500px|center]]
 
:::::<p>'''>''' To attach/document(s) (PDF,Office,picture…) from writing your message, you simply click on “<span style=color:green>'''Attach'''</span>” top in the banner (the button with '''clip''')</p>
 
:::::<p>'''>''' To attach/document(s) (PDF,Office,picture…) from writing your message, you simply click on “<span style=color:green>'''Attach'''</span>” top in the banner (the button with '''clip''')</p>
Line 145: Line 146:
 
=== '''Address Book''' ===
 
=== '''Address Book''' ===
  
  '''Organize your Address Book'''
+
===== '''Organize your Address Book''' =====
 
[[File:24_-_Organize_Address_Book.JPG|500px|center]]
 
[[File:24_-_Organize_Address_Book.JPG|500px|center]]
 
:::::<p>'''>''' Depending on your needs, your company and your life, it can be very useful to organize their book with folders (group of contacts).</p>
 
:::::<p>'''>''' Depending on your needs, your company and your life, it can be very useful to organize their book with folders (group of contacts).</p>
Line 154: Line 155:
 
     <table style="border:1px solid black"><tr><td>'''NOTE: It is possible to create contacts in the “group” created by default (personal addresses) without having to create a new contact group.  '''</table>
 
     <table style="border:1px solid black"><tr><td>'''NOTE: It is possible to create contacts in the “group” created by default (personal addresses) without having to create a new contact group.  '''</table>
 
:::::<p>'''>''' To do this, simply click “+” at the bottom of the second column (Create a new contact).</p>
 
:::::<p>'''>''' To do this, simply click “+” at the bottom of the second column (Create a new contact).</p>
'''Operation on contact groups'''
+
===== '''Operation on contact groups''' =====
 
[[File:25_-_Operation_on_contact_Group.JPG|100px|center]]
 
[[File:25_-_Operation_on_contact_Group.JPG|100px|center]]
 
:::::<p>'''>''' Once your group is created, you have access to features related groups</p>
 
:::::<p>'''>''' Once your group is created, you have access to features related groups</p>
Line 162: Line 163:
 
:::::::* Save Search (active  when you do a search group)
 
:::::::* Save Search (active  when you do a search group)
 
:::::::* Clear Search (active  when you do a search group)
 
:::::::* Clear Search (active  when you do a search group)
'''Add a contact, Part 1 – Properties '''
+
===== '''Add a contact, Part 1 – Properties ''' =====
 
[[File:26_-_AC_-_Properties.JPG|500px|center]]
 
[[File:26_-_AC_-_Properties.JPG|500px|center]]
 
:::::<p>'''>''' To add a contact the group “<span style=color:blue>'''Guides'''</span>” it is first necessary to click “<span style=color:blue>'''+'''</span>” the second column contacts (column contacts) ensuring you have selected the first group (must be highlighted compared to other groups). You can see at the same time we added a group “<span style=color:blue>'''Support'''</span>”</p>
 
:::::<p>'''>''' To add a contact the group “<span style=color:blue>'''Guides'''</span>” it is first necessary to click “<span style=color:blue>'''+'''</span>” the second column contacts (column contacts) ensuring you have selected the first group (must be highlighted compared to other groups). You can see at the same time we added a group “<span style=color:blue>'''Support'''</span>”</p>
 
:::::<p>'''>''' Click '''Add''' to inform your contact information in four different areas:</p>
 
:::::<p>'''>''' Click '''Add''' to inform your contact information in four different areas:</p>
 
:::::::* General Part: you will be able to add name, company, etc..
 
:::::::* General Part: you will be able to add name, company, etc..
:::::::* <span style=color:red>'''Properties'''</span>: where you will add different email addresses, phones, etc.. (a dropdown with "'''Add Field'''" is available under '''Address''') .</span>
+
:::::::* <span style=color:red>'''Properties'''</span>: where you will add different email addresses, phones, etc.. (a drop-down with "'''Add Field'''" is available under '''Address''') .
 
:::::::*  Personal Information: where you will be able to enter the date of birth, Sex, Maiden name, etc..
 
:::::::*  Personal Information: where you will be able to enter the date of birth, Sex, Maiden name, etc..
 
:::::::* Notes: where you will be able to enter the information about your contact.
 
:::::::* Notes: where you will be able to enter the information about your contact.
Line 180: Line 181:
 
:::::::* Job Titled
 
:::::::* Job Titled
 
:::::<p>'''>''' Once you have entered the information, click “<span style=color:green>'''Save'''</span>”</p>.
 
:::::<p>'''>''' Once you have entered the information, click “<span style=color:green>'''Save'''</span>”</p>.
'''Add a contact, Part 2 – Personal Information '''
+
===== '''Add a contact, Part 2 – Personal Information ''' =====
 
[[File:27_-_AC_-_Personal_Information.JPG|500px|center]]
 
[[File:27_-_AC_-_Personal_Information.JPG|500px|center]]
 
:::::<p>'''>''' You can see below the few additions <span style=color:blue>'''to General Information'''</span> (Prefix, Middle Name, Suffix, Display Name, Nickname and Organization) using the drop down menu "'''Add a field...'''". </p>
 
:::::<p>'''>''' You can see below the few additions <span style=color:blue>'''to General Information'''</span> (Prefix, Middle Name, Suffix, Display Name, Nickname and Organization) using the drop down menu "'''Add a field...'''". </p>
 
:::::<p>'''>''' Notice here the "<span style=color:red>'''Personal Information'''</span>" section presented in the above paragraph, as well as the drop down menu allowing to add additional fields. </p>
 
:::::<p>'''>''' Notice here the "<span style=color:red>'''Personal Information'''</span>" section presented in the above paragraph, as well as the drop down menu allowing to add additional fields. </p>
 
:::::<p>'''>''' If you have entered the information, click "<span style=color:green>"'''Save'''".</span></p>
 
:::::<p>'''>''' If you have entered the information, click "<span style=color:green>"'''Save'''".</span></p>
  '''Add a contact, Part 3 – Notes'''
+
===== '''Add a contact, Part 3 – Notes''' =====
 
[[File:28_-_AC_-_Notes.JPG|500px|center]]
 
[[File:28_-_AC_-_Notes.JPG|500px|center]]
 
:::::<p>'''>''' The "<span style=color:red>'''Notes'''</span>" section is a simple input box where you can add all kinds of annotations related to the contact.</p>
 
:::::<p>'''>''' The "<span style=color:red>'''Notes'''</span>" section is a simple input box where you can add all kinds of annotations related to the contact.</p>
 
:::::<p>'''>''' If you have entered the information, click "<span style=color:blue>'''Save'''</span>".</p>
 
:::::<p>'''>''' If you have entered the information, click "<span style=color:blue>'''Save'''</span>".</p>
  '''Add a contact, Part 4 – Avatar'''
+
===== '''Add a contact, Part 4 – Avatar''' =====
 
[[File:29_-_AC_-_Avatar.JPG|500px|center]]
 
[[File:29_-_AC_-_Avatar.JPG|500px|center]]
 
:::::<p>'''>''' If you want to add/associate a picture/photo to your correspondent (avatar), know that you can very simply as follows and as shown in the screenshot below. </p>
 
:::::<p>'''>''' If you want to add/associate a picture/photo to your correspondent (avatar), know that you can very simply as follows and as shown in the screenshot below. </p>
 
:::::<p> '''>''' Click "<span style=color:green>'''Add'''</span>", then the window that opens, click "<span style=color:red>'''Choose a file'''</span>". Load the file you want from your computer, confirm your choice. </p>
 
:::::<p> '''>''' Click "<span style=color:green>'''Add'''</span>", then the window that opens, click "<span style=color:red>'''Choose a file'''</span>". Load the file you want from your computer, confirm your choice. </p>
 
:::::<p>'''>''' Once back on the interface below, click "<span style=color:blue>'''Upload'''</span>" to validate the adding of the image.</p>
 
:::::<p>'''>''' Once back on the interface below, click "<span style=color:blue>'''Upload'''</span>" to validate the adding of the image.</p>
  '''Add a contact, Part 5 – Finalization'''
+
===== '''Add a contact, Part 5 – Finalization''' =====
 
[[File:30_-_AC_-_Finalization.JPG|500px|center]]
 
[[File:30_-_AC_-_Finalization.JPG|500px|center]]
 
:::::<p>'''>''' The <span style=color:red>'''Image'''</span> is added, the <span style=color:blue>'''email'''</span> as well as the information needed to contact are also indicated. It is possible to save the addition of the contact by clicking "<span style=color:green>'''Save'''</span> ".</p>
 
:::::<p>'''>''' The <span style=color:red>'''Image'''</span> is added, the <span style=color:blue>'''email'''</span> as well as the information needed to contact are also indicated. It is possible to save the addition of the contact by clicking "<span style=color:green>'''Save'''</span> ".</p>
 
:::::<p>'''>''' You change the image by clicking "<span style=color:red>'''Replace'''</span>" button.</p>
 
:::::<p>'''>''' You change the image by clicking "<span style=color:red>'''Replace'''</span>" button.</p>
  '''Add a contact, Part 6 – Verification'''
+
===== '''Add a contact, Part 6 – Verification''' =====
 
[[File:31_-_Verification.JPG|500px|center]]
 
[[File:31_-_Verification.JPG|500px|center]]
 
:::::<p>'''>''' When the contact is saved, the message "<span style=color:blue>'''successful saved'''</span>" will confirm this. You can then <span style=color:red>'''check the record of your contact'''</span> by clicking on this name in the contact list (having selected the right group in advance or having searched). By default, the property tab is active and displays the information entered in this section (see Part 1).</p>
 
:::::<p>'''>''' When the contact is saved, the message "<span style=color:blue>'''successful saved'''</span>" will confirm this. You can then <span style=color:red>'''check the record of your contact'''</span> by clicking on this name in the contact list (having selected the right group in advance or having searched). By default, the property tab is active and displays the information entered in this section (see Part 1).</p>
 
:::::<p>'''>''' Once a contact is created in a group, it is possible to remove the clicking the icon at the bottom of the column of contacts (<span style=color:red>'''characters with "-"'''</span>).</p>
 
:::::<p>'''>''' Once a contact is created in a group, it is possible to remove the clicking the icon at the bottom of the column of contacts (<span style=color:red>'''characters with "-"'''</span>).</p>
  '''Modify a Contact'''
+
===== '''Modify a Contact''' =====
 
[[File:32_-_Modify_Contact.JPG|500px|center]]
 
[[File:32_-_Modify_Contact.JPG|500px|center]]
 
:::::<p>'''>''' You are of course possible to edit a contact. To do this, select <span style=color:red>'''contact concerned'''</span>, and then click "<span style=color:green>'''Edit contact'''</span>" at the top right. You will have access to all information into editable mode.</p>
 
:::::<p>'''>''' You are of course possible to edit a contact. To do this, select <span style=color:red>'''contact concerned'''</span>, and then click "<span style=color:green>'''Edit contact'''</span>" at the top right. You will have access to all information into editable mode.</p>
Line 208: Line 209:
 
:::::<p>'''>''' In this tab, you can add a contact to a group by checking the corresponding box. </p>
 
:::::<p>'''>''' In this tab, you can add a contact to a group by checking the corresponding box. </p>
 
:::::<p>'''>''' You can also drag and drop your contacts to move them into the right groups. The tab "Groups" will be updated. </p>
 
:::::<p>'''>''' You can also drag and drop your contacts to move them into the right groups. The tab "Groups" will be updated. </p>
  '''Do Search'''
+
===== '''Do Search''' =====
 
[[File:33_-_Do_Search.JPG|500px|center]]
 
[[File:33_-_Do_Search.JPG|500px|center]]
 
:::::<p>'''>''' You want to search through all your contacts. Click "<span style=color:blue>'''Advance'''</span>" in the banner above. Then all possible fields will appear to allow you to perform a search. </p>
 
:::::<p>'''>''' You want to search through all your contacts. Click "<span style=color:blue>'''Advance'''</span>" in the banner above. Then all possible fields will appear to allow you to perform a search. </p>
 
:::::<p>'''>''' Enter your <span style=color:red>'''search fields'''</span> and click “<span style=color:red>'''Search'''</span>”.</p>
 
:::::<p>'''>''' Enter your <span style=color:red>'''search fields'''</span> and click “<span style=color:red>'''Search'''</span>”.</p>
  '''Export your address book'''
+
===== '''Export your address book''' =====
 
[[File:34_-_Export.JPG|500px|center]]
 
[[File:34_-_Export.JPG|500px|center]]
 
:::::<p>'''>''' You want to recover all your existing contacts from your RoundCube webmail through a file export your address book.</p>
 
:::::<p>'''>''' You want to recover all your existing contacts from your RoundCube webmail through a file export your address book.</p>
 
:::::<p>'''>''' To do this, click the "<span style=color:blue>'''Export'''</span>" in the upper part.</p>
 
:::::<p>'''>''' To do this, click the "<span style=color:blue>'''Export'''</span>" in the upper part.</p>
 
:::::<p>'''>''' Clicking on a <span style=color:red>'''contacts.vcf'''</span> is generated and is available for download.</p>
 
:::::<p>'''>''' Clicking on a <span style=color:red>'''contacts.vcf'''</span> is generated and is available for download.</p>
  '''Import an existing address book'''
+
===== '''Import an existing address book''' =====
 
[[File:35_-_Import.JPG|500px|center]]
 
[[File:35_-_Import.JPG|500px|center]]
 
:::::<p>'''>''' You used to work, manage your contacts with another email program and have managed to export your contacts. It is possible, to import your contacts by clicking "'''Import'''" to the left of "'''Export'''".</p>
 
:::::<p>'''>''' You used to work, manage your contacts with another email program and have managed to export your contacts. It is possible, to import your contacts by clicking "'''Import'''" to the left of "'''Export'''".</p>
Line 229: Line 230:
 
[[Media:Webmail_User's_Guide.pdf|Roundcube Webmail User's Guide]]
 
[[Media:Webmail_User's_Guide.pdf|Roundcube Webmail User's Guide]]
  
[[Main_Page | Main Page]] > [[Application_Development_Team | Application Development Team]] > [[System_Manual | System Manual]] > [[ROUNDCUBE_USER_'_S_GUIDE | Roundcube User's Guide]]
+
[[Main_Page | Main Page]] > [[Application_Development_Team | Application Development Team]] > [[System_Manual | System Manual]] > [[ROUNDCUBE_WEBMAIL | Roundcube Webmail]]

Latest revision as of 17:58, 1 December 2016

Main Page > Application Development Team > System Manual > Roundcube Webmail

Roundcube User's Guide

Connect to the Interface
1 - Connect to the Interface.JPG

> Enter in your username and password and click on “Login

Mail

Inbox
2 - Discovering the Interface.JPG

> Once connected to your account, you have access to your inbox and sent messages. In the left column you can find the main folder of your account: message sent and received

> In the same column under footer, are access to folder settings and Quota of your account

> In the right part, you can easily view all the emails and see the following information

  • The subject
  • The mark
  • The read or unread message status
  • The date and time
  • The size of the email
  • The flag
  • The presence of attachments (column with paper clip far night)


NOTE: By default, some columns do not appear. This is the case of the priorities assign to e-mails. To change this, you must change the display with the option shown below


Display Option and Sorting
3 - Display Option and Sorting.JPG

> To access this option, click on the gear icon on the top left side of the main frame of your e-mails, to the left of subject

> In this option, you’ll be able to :

  • Add Columns to display (priority mails, etc.).
  • Select the columns on which the sort will be done by default.
  • Select the sort order (ascending or descending).

> Once you have made your selections, confirm by clicking “Save

Email Options
4 - Email Options.JPG

> The number of unread emails appears in the left column to the right box of inbox

> An unread email appears bold on the right side

> For each message you can:

  • Reply: allows you to reply directly to
  • Reply all: allows you to directly response to all emails on the “To” and “Copy
  • Forward: allows you to transfer the selected corresponding emails of your choice.
  • Delete: allows you to send the selected to the “Trash”
  • Mark: for this option see the next paragraph
  • … More: for this option see the next paragraph
Mark Message
5 - Mark Message.JPG

> When you click the "Mark", you get this pop-up menu. So you can mark a message, remove a mark as unread and declare a message has been read. This option also works (and especially) to select multiple emails.

> These options are useful to highlight some of your emails

... More
6 - ... More.JPG

> When you click the “… More” you get this pop-up menu

> You can:

  • Print this message: open the message in a new window and offers printing.
  • Download: allows you to download your computer e-mail format.eml
  • Edit as new: allows you to edit an email preserving its original layout.
  • Show source: displays the full source of the message. Very useful when you are asked for headers!
  • Open in new window: allows you to open the message in a new window (useful for viewing/ open multiple message at time)

Settings

Access Settings
7 - Access Settings.JPG

> You must be logged in to your account to access this feature.

> To access the settings of your email account, click the gear at the top right.

User Interface
8 - User Interface.JPG

> After clicking on the gear you will land directly on the User Interface

> In this interface, you can change various elements such as language, date and time formats and the theme of the interface

Mailbox View
9 - Mailbox View.JPG

> In Mailbox View, you can change the number of emails displayed in the interface to generate fewer pages for example if you have a large number of e-mails. You can also choose not to display the preview email interface and display only when double click or in a new window.

Displaying Message
10 - Displaying Message.JPG

> In Displaying messages, you can choose to display (HTML or not, remote images, the character encoding) in your emails.

Composing Message
11 - Composing Message.JPG

> In Composing messages, you can choose different items related to writing your e-mails, as the format of writing, receipt, distribution, the font, etc. .

Address Book
12 - Address Book.JPG

> In the Address Book, you can choose the address book to use by default (if several address books were created) as well as options sort and display the contacts.

Special Folders
13 - Special Folders.JPG

> In Special Folders, you can set where to place emails to be considered Drafts, Sent Items, Junk and emails that go to Trash.

Server Settings
14 - Server Settings.JPG

> In Server Settings, you can set the deletion of emails on the server (from the Webmail).

> For other options, see below.

  • Example of deleting: You no longer receive e-mails. Your mail box is almost full or over quota. You want to delete emails to “do maintenance” and receive your emails again. However, you encounter an error message that prevents you from deleting the desired messages
  • What’s going on? : When deleting an e-mail, it is first copied into the trash before being deleted from the inbox (invisibly to the user). However the box is already full, the copy is not possible, hence the error message!
  • How to fix it? : In this interface Server Settings, select “When moving message to trash fails, delete them. “You can now delete emails without any problems.

Settings – Folders

Create Folder
15 - Create Folder.JPG

> To create a custom folder and keep messages separate, click the “+”

> It will be placed in the Inbox and viewing will be emails in list mode

> Click Save to validate the creation.

Edit – Delete Folder
16 - Edit - Deleted Folder.JPG

> To proceed with the removal, select your folder and click the gear at the bottom of page. You can either: delete the folder or empty the folder. You can also see storage space usage (in percentage).

> To change the folder, simply click on the relevant folder. You can then change the folder name, the parent folder, the display type and can see the number of messages and the present size by the emails in the selected folder. Link "Click for file size" allows for the calculation of the size of these e-mails (when the number is greater than 0).

Settings – Identity

Create Folder
17 - Create Signature.JPG

> To set up a signature that will appear systematically in each of your mails, go to Settings and Identities. E-mail Address From which you are connected to Webmail.

> Click it and then enter the items you consider essential to your signature. By default Display Name and Email are already filled

> Others can serve you if:

  • Organization: you want to register your company, association, or other entity of your choice
  • Reply-To: you want the caller to respond to another email address that you wrote with him
  • BCC: you want to copy a hidden e-mail all your items
  • Set Default: you have created one or more identities (signatures) and wish it the default for your emails
  • Signature: you want to customize the footer of your emails (name, position held, phrases, images
  • HTML signature: what has been specified in Signature contains HTML and / or you want it to be compatible with the mail client of your correspondent.

> Click Save to confirm the changes of the main identity

Develop a signature with a picture
20 - Display a picture with signature.JPG

> This step requires that the image is hosted on a server

> To Place an image on your test01, please follow the guide

  • By checking Signature HTML
  • Click on the square HTML to open window that allows you to insert HTML code.
  • To add an image you can add the following code
  • Click Update to accept the changes and different additions.

New Message

Going to create new message
18 - New Message.JPG

> To write a new message, click Compose If you do not see this button (you are in the settings or address book), click the white envelope (email) on the top right. Then you will find this button.

Options
19 - Options.JPG

> You clicked on “Compose ...

> You enter details to write your e-mail such as adding contacts from the Address Book, Attachments and Signature to the message.

> So you can find your saved contacts by clicking on the types of copies that you want to assign their address

  • To +: add your contact as direct recipient;
  • Cc +: add your contact as corresponding single copy
  • Bcc +: add your contact as hidden corresponding copy. Other recipients of the e-mail will not see those in Bcc
Send the message
21 - Send Message.JPG

> To send your message, Click the Send button (shape like paper plane)

Receive the message
22 - Recieved Message.JPG

> Here is how the received email that it was therefore sent.

> If the email is not received automatically, you can click on “Refresh” at the top left (opposite horizontal arrows)

Add an attachment
23 - Add Attachment.JPG

> To attach/document(s) (PDF,Office,picture…) from writing your message, you simply click on “Attach” top in the banner (the button with clip)

NOTE: That the button “Attach a file” is available to the right of writing your message.

> The last possibility is to simply drag and drop from your file explorer on your computer the area provided this purpose at the “Attach a file

Address Book

Organize your Address Book
24 - Organize Address Book.JPG

> Depending on your needs, your company and your life, it can be very useful to organize their book with folders (group of contacts).

> To begin, click on the icon Roundcube Address Book (figure at top right)

> To put all contacts , we decided to create a group called “Guides”

> To do this, click the “+” at the bottom left to create a group of contacts.

> The cursor automatically moves to name input area.

NOTE: It is possible to create contacts in the “group” created by default (personal addresses) without having to create a new contact group.

> To do this, simply click “+” at the bottom of the second column (Create a new contact).

Operation on contact groups
25 - Operation on contact Group.JPG

> Once your group is created, you have access to features related groups

> So you will find:

  • Rename Group
  • Delete Group
  • Save Search (active when you do a search group)
  • Clear Search (active when you do a search group)
Add a contact, Part 1 – Properties
26 - AC - Properties.JPG

> To add a contact the group “Guides” it is first necessary to click “+” the second column contacts (column contacts) ensuring you have selected the first group (must be highlighted compared to other groups). You can see at the same time we added a group “Support

> Click Add to inform your contact information in four different areas:

  • General Part: you will be able to add name, company, etc..
  • Properties: where you will add different email addresses, phones, etc.. (a drop-down with "Add Field" is available under Address) .
  • Personal Information: where you will be able to enter the date of birth, Sex, Maiden name, etc..
  • Notes: where you will be able to enter the information about your contact.

> For General Part, you can see below the possibilities

  • Prefix
  • Middle Name
  • Suffix
  • Display Name
  • Nickname
  • Organization
  • Department
  • Job Titled

> Once you have entered the information, click “Save

.
Add a contact, Part 2 – Personal Information
27 - AC - Personal Information.JPG

> You can see below the few additions to General Information (Prefix, Middle Name, Suffix, Display Name, Nickname and Organization) using the drop down menu "Add a field...".

> Notice here the "Personal Information" section presented in the above paragraph, as well as the drop down menu allowing to add additional fields.

> If you have entered the information, click ""Save".

Add a contact, Part 3 – Notes
28 - AC - Notes.JPG

> The "Notes" section is a simple input box where you can add all kinds of annotations related to the contact.

> If you have entered the information, click "Save".

Add a contact, Part 4 – Avatar
29 - AC - Avatar.JPG

> If you want to add/associate a picture/photo to your correspondent (avatar), know that you can very simply as follows and as shown in the screenshot below.

> Click "Add", then the window that opens, click "Choose a file". Load the file you want from your computer, confirm your choice.

> Once back on the interface below, click "Upload" to validate the adding of the image.

Add a contact, Part 5 – Finalization
30 - AC - Finalization.JPG

> The Image is added, the email as well as the information needed to contact are also indicated. It is possible to save the addition of the contact by clicking "Save ".

> You change the image by clicking "Replace" button.

Add a contact, Part 6 – Verification
31 - Verification.JPG

> When the contact is saved, the message "successful saved" will confirm this. You can then check the record of your contact by clicking on this name in the contact list (having selected the right group in advance or having searched). By default, the property tab is active and displays the information entered in this section (see Part 1).

> Once a contact is created in a group, it is possible to remove the clicking the icon at the bottom of the column of contacts (characters with "-").

Modify a Contact
32 - Modify Contact.JPG

> You are of course possible to edit a contact. To do this, select contact concerned, and then click "Edit contact" at the top right. You will have access to all information into editable mode.

> In the capture below, we clicked on the "Groups" tab to display the groups to which the contact belongs.

> In this tab, you can add a contact to a group by checking the corresponding box.

> You can also drag and drop your contacts to move them into the right groups. The tab "Groups" will be updated.

Do Search
33 - Do Search.JPG

> You want to search through all your contacts. Click "Advance" in the banner above. Then all possible fields will appear to allow you to perform a search.

> Enter your search fields and click “Search”.

Export your address book
34 - Export.JPG

> You want to recover all your existing contacts from your RoundCube webmail through a file export your address book.

> To do this, click the "Export" in the upper part.

> Clicking on a contacts.vcf is generated and is available for download.

Import an existing address book
35 - Import.JPG

> You used to work, manage your contacts with another email program and have managed to export your contacts. It is possible, to import your contacts by clicking "Import" to the left of "Export".

> The only format allowed the extension is Vcf . However, the import addresses from data formats vCard or CSV (fields separated by a comma) is supported.

> The interface appears below. Click "Browse ..." to load the file vCard or CSV that contains your address book to import.

> You have the choice of replace the entire address or not book.

> Once this is entered, click "Import" and importing your book begins.


Reference

Roundcube Webmail User's Guide

Main Page > Application Development Team > System Manual > Roundcube Webmail