Create resume

Now we will create the page where the applicant will be able to enter some personal information and upload their resume as a document file. Along with the personal information entered, a photo can be uploaded as well.

To create the user resume page, follow the next steps:

1. Open the user/create_resume page.

2. Apply the Insert Record Form Wizard from the Insert panel -> MX Kollection tab.

3. Configure the first step of the wizard as follows:
   
   
   
   As you can see, all data will be inserted in the resume_rsm table. After inserting, the applicant will be redirected to the user/index page.

4. Click on the Next -> button to move on to the wizard's second step that contains the form fields configuration:
   
   
   
   In this step you should select and configure the fields that will be displayed in the form:
   · idusr_rsm - Display as: Text. For the Default Value, click the InterAKT Dynamic Data icon, and select the kt_login_id session variable.
   
   
   
   This way, the logged in user's ID is passed to the resume table foreign key.
   
   · photo_rsm - display it as: File field.
   · file_rsm - display it as: File field.
   The rest of the fields don't require special settings. Just type comprehensive labels for each field.
    

5. In the third step you should only check the Required checkbox for the name_usr_rsm, file_rsm and pref_domain_rsm fields and set the Validation format for phone_usr_rsm to Phone number.
   
   
    

6. After closing the wizard, the form will contain as the first row the user ID displayed as simple text. This is not needed, so you can delete the entire row from the page. Deleting the row does not remove the field from the transaction, but from the HTML form only.

7.  In the Design View of Dreamweaver the page should resemble to the image below:
   
   
    

8. You should now add the upload feature to the two file fields. First let's take care of the photo field. Apply the Upload and Resize Image server behavior from the Application panel -> Server Behaviors -> MX Kollection -> File Upload.

9. Configure the fields as indicated below:
   · Form field: form1.photo_usr_rsm.
   · Table column: photo_usr_rsm.
   · Upload folder: ../photos/. This is the folder on the server where the applicants' photos will be stored. You can locate it in the local folder list by pressing the Browse button or compose its name in a dynamic manner, with the use of InterAKT's Dynamic Data.
   
   
    

10. Now let's apply a server behavior that will allow the upload of the resume. Apply the Upload File server behavior form the Application panel -> Server Behaviors -> MX Kollection -> File Upload.

11. Configure the Basic tab fields as indicated below:
    · Form field: form1.file_rsm.
    · Table column: file_rsm.
    · Upload folder: ../resumes/. This is the folder on the server where the applicants' resumes will be stored.
    
    
     

12. In the File tab, click on the Plus (+) button from the Allowed extensions section and enter *.doc to permit the applicants to upload resumes having the .doc extension. Then click on OK as the Advanced tab doesn't need special configurations:
    
    

Next, let's enhance the HTML form usability by applying some widgets.

1. First, create a new recordset that will retrieve the domain names:
   
   
    

2. Select the text-field having the Preferred domain label and apply the Comma-Separated Checkboxes server behavior form the Application panel -> Server Behaviors -> MX Kollection -> Form Controls. The interface should be configured as shown below (the domain name is used both as label and submitted value. This is done in order to be able to display the list of values when needed):
   
   
    

3. Create a new recordset to retrieve the locations:
   
   
    

4. Select the text-field having the Preferred location label and apply the Comma-Separated Menu server behaviors form the Application panel -> Server Behaviors -> MX Kollection -> Form Controls. The interface should be configured as shown below:
   
   
    

5. Now save the page and test it in the browser. Pay attention to click on the Create resume link in the user/index page so that the idusr_rsm can be sent to the form. The result should be similar to the one presented below:
   
   

In the next section of the tutorial you will learn how to display a list of available jobs to applicants.