Webmail are web-based email accounts. These are usually free email accounts that are operated from a website. Webmail allows the users to access their emails as long as they have access to an Internet connection and a web browser. The purpose of this document is to be a reference for any person wishing to implement the Webmail Template using the ClaySys AppForms or any person interested in how to configure the AppForms to create a Webmail Template. Here is an image what the Webmail template dashboard we are going to be designing looks like.
- SharePoint 2010
| SharePoint List | |||
|---|---|---|---|
| List Name | Column Name | Data Type | |
| WebMailBox
It contains the list of mails and mail details like From Address , To Address ,Date etc. |
ToAddress | Single line of text | |
| Subject | Single line of text | ||
| Body | Multiple line of text | ||
| MailStatus | Single line of text | ||
| FromAddress | Single line of text | ||
| Date | Date and Time | ||
| SharePoint List | |||
|---|---|---|---|
| List Name | Column Name | Data Type | |
| WebMailAddressBook
It contains the list of contact Email address and their Uploaded photo. |
MailID | Single line of text | |
| FileUploadName | Single line of text | ||
| List Of Forms Used | ||
|---|---|---|
| Name | Functionality | |
| frmAddNewAddresses Form Design Rule Design | This form is to add new mail ID to the Address book | |
| Address Rule Design | This form is the pop up shown when we click on the Address button in webmail dashboard | |
| MailView Rule Design | This form is designed to show each mail details using label controls | |
| frmMails Rule Design | This form contains a search which shows all the mail items as a list | |
| Compose Mail Rule Design | The screen where a user can write a mail. | |
| WebMail Dashboard Form Design Rule Design | The Dashboard displays the details . | |
| WebMail MainForm Form Design | The form is used to create a WebMail template | |
Here are the steps for configuring External Data source referring to the form ‘frmAddNewAdd resses’. Click on ‘DataSources’ and then click on ‘Create DataSource’ as shown in the image.
Enter the name for the DataSource ,Select the ‘DataSource Type’ and click ‘OK’ button. As shown in the image.
Select the List from the available list and click ‘Next’ button.
Select the command as ‘Insert’ or ‘select’ as your requirement and click ‘Add’ button.
Enter the Command Title and enter the mapping values as shown in the image and click ‘OK’ button.
Click ‘Finish’ button . Thus a new external data source has been created.
Rule for Executing the “Insert” command. And if you want to maintain the fileUpload name you can store it in the hidden control “hdnFupName”.
Only after the successfull insertion of mail ID in the list , message box is to be shown and Popup window is to be closed.
FillDataSync(srcAddressBook) is the rule to fill the search control named srcAddressBook.
RunRule(On_srcSddressBook) and value is returned to hidden control “hdnMailTo”. The function to trim “,” at the end of “hdnMailTo” is written. Then value of “hdnMailTo” is passed to the hidden control “hdnMailTo” in the “WebmailDashboard” form. And this popup is closed.
On clicking Cancel button the tab is closed.
Loop is written to get the MailID from each row of the search to hidden control “hdnMailTo”. The total row count of the search is initially stored in to the variable “VRowCount”. This rule is called from the rule ”On_OkBtn”.
Execute the “Select” command from list and shows the details of a mail.
Functionality for sending mail.
Functionality for saving mail as draft.
Checks whether the mail is a draft . if it is only then the subform containing the send button etc. Should be visible.
The value of hidden control “hdnStatus” is set to “Recieved”.
On getting value in the “hdnStatus” the search is to be filled based to the value in the “hdnStatus”.
The value in the “hdnMailID” is passed to “hdnMailViewID” in the form “WebmailDashboard”.
Setting the value of hidden control “hdnCmpMailTo” to the textbox “txtTo”. This include the mail ID that we have selected from the Address book.
Functionality for sending mail.
Functionality for saving mail as draft.
From the ‘Toolbox’ at right side of the window , drag and drop the search control, which comes under the ‘Data’. Enter the name for Search control .
On Clicking the search control , a pop up appears click on ‘DataSources’.
Click on ‘New DataSource Configuration’.
Select the List from the available list and click ‘Next’ button as shown in the image.
Select the Result Columns which you want to show in the search and click ‘Next’ button.
Give the condition for the Selection of values in the search as shown in the image and click ‘Next’ button.
Here you can specify the column header, width of each column , the order in which each column should appear in search and other similar settings of columns and click ‘Finish’ button.
Rules in each form are being explained below. Initially to create a rule you need to click on ‘Create Rule’ and enter a name for the new rule.
Also you can add trigger to the rule by selecting the triggers as shown in the image below.
The visibility of combobox is set to true and “[Select]” is removed from the combobox.
After Selecting a value in the combobox , it should not be seen so on cmbWebMail trigger the visibility of combobox is set to false.
On clicking each items on the TreeView , corresponding mails should be loaded in the External form. The external form used is “extMail”. While clicking on the TreeView the hidden control “hdnSelectedItem” will get the selected item of the tree and using ‘setform’ rule this value is passed to the hidden control “hdnStatus” in the form “frmMails” in the external form.
On clicking the image button for compose mail, the form “ComposeMail” is loaded in the external form.
On getting values in the hidden control “hdnMailViewID” we use the rule to load the form “MailView” in the external form and pass the value of hidden control “hdnID” to the hidden control “hdnMailViewID” in the form “MailView”.
On formload external form is loaded with the form “frmMails” and temporary variable ‘vTemp’ is set to zero.
On clicking TreeView control its selected item value is passed to the hidden control “hdnSelectedItem”.
To print the page on clicking the image button of print.
Rule to pass the value from the current form control “hdnMailTo” to the control “txtTo” in “MailView” which is loaded in the external form.
On clicking the New Folder option, it will create a new folder and the name will be in the edit mode. You can type in the new name for the folder.
Then click on the ‘New Form’ link on the toolbar. Give an appropriate name for the form. Click ‘Save Form’ to save the form.
You can drag and drop controls format the styles easily. ‘Check-In Form’ to save the changes and publish to get the completed form for the end user to use. A form must be checked-out to make modifications while all aspects of the form can be examined while checked-in.