Step-By-Step adding a Javascript alert to a Form

by Carmel Schvartzman

1. In this walkthrough we will learn How-to add a Javascript alert message to a Form. We'll accomplish that via adding a Web Resource to the Form. A Web Resource is a file that is stored in the CRM, and can be HTML, CSS, JAVASCRIPT, Silverlight or a picture file.
   We'll add a Web Resource to the Campaigns form, to open an alert message box when changing a field value. This is an snapshot of what we'll create:
   
2. In Customize the System go to "Web Resources":
   
3. There click on New:
   
4. On the dialog that opens, type a relevant Name and Display Name to the new Web Resource:
   
   The Type of the file will be "Script" in our case, so select it from the list.
5. Notice that we could use the "Upload file" option, for large script files. In our case, we'll use the Text Editor option:
   
6. Type the following code for a javascript function definition:
   
7. Now type this code to display an alert window :
   
8. After you save the function, you'll notice that a new URL have been added to the Web Resource dialog. Is the url of the resource, and if you double click it, you could open the saved resource and check it:
   
9. Save the Web Resource and don't forget to Publish it:
   
10. Now we can add the Web Resource to a CRM form. Select the form  entity you want to add it:
    
11. On the Main Form, open the Form Properties, and click on the ADD libraries:
    
12. There can be a lot of files, so look for our resource, using the Search box:
    
13. When you find the resource, click OK:
    
14. You have just added the resource to the CRM Form, making it available for use:
    
15. Because we want to display a message on the CRM Form, when a field has changed, select the field, the Campaign Type, for example, which is an option list. We want that when the user change the selected value, a warning message alerts her/him to double-check the selection. Therefore, the ONCHANGE event will fit us for that goal. Select the field and click on Change Properties:
    
16. On the "Evenst" tab, select the OnChange option and click "ADD":
    
17. When the OnChange  Event Handler dialog opens, select the Library that holds aour function, and type the function's name. Then click OK:
    
18. Notice that the Event Handler has been added to the OnChange handlers list:
    
    
    Click OK to save the dialog.
19. Save the CRM Form and don't forget to Publish it:
    
20. Now lets check how it works. Go to the Workspace, and then to Campaigns. Open a Campaign, and change the Campaign Type:
    
21. After changed, the message is displayed:
    
    
    In this tutorial we learned adding a Javascript alert to a Form . That's All...Enjoy CRM!!!
    
    
    
    כתב: כרמל שוורצמן