Task-2: JavaScript & HTML

-

 Task-2: JavaScript & HTML 

User Story: - 

On click of case Reject button, show popup with reject reason text, once filled and submitted, reject reason field should get filled and case should be in read only. 

Sudo Code: - 

  • ⇨ Create an HTML web resource with an HTML page with an input field and two buttons Submit and Cancel. 

  • ⇨ Create a JavaScript web resource with a function, in this function we need to write code to navigate to the web resource. 

  • ⇨ Read the input value in the reject reason input field 

  • ⇨ Use window.returnValue method to return the reject reason value. 

  • ⇨ Get the return value from success callback function and update it in the reject reason field. 

  • ⇨ Set the Status to Cancelled, it will make the form disabled. 

  • ⇨ Add the Status field to the form and hide the field. 

  • ⇨ Set the status code equal to 2 (which means Cancelled). 

  • ⇨ Save the page using formContext.data.save method. 

  • ⇨ Create a Reject button using Ribbon work bench. 

  • ⇨ Add this JavaScript function as action to that Reject button and publish it. 

 

 

 

On click of Reject button HTML page should open with reject reason update it in the form and make form read only 

 

 

HTML Code: - 

 

<html>
    <head>
       
        <style>
            body{
                padding:"15px";
            }
            .text {
                padding:"15px";
                color:"#3258a8";
            }
            .button {
                padding-right:10px ;
            }
        </style>
    </head>
    <body>
        <script>
            let SubmitButton = document.getElementById("SubmitButton");
            let CancelButton = document.getElementById("CancelButton");

            function OnSubmitClick() {
                let reason = document.getElementById("rejectReason").value;
                if (reason != null){
                    window.returnValue= reason;
                    window.close();
                }
               
            }
            function OnCancel() {
                window.close();
            }
           
        </script>
        <label  class="text" for="rejectReason">Reject Reason</label>
        <br/>
        <input class ="button" id="rejectReason" placeholder="Enter the Reject Reson">
        <br/>
        <br/>
       
       
        <button id="SubmitButton" class ="button" onclick="OnSubmitClick()">Submit</button>
        <button id="CancelButton" onclick="OnCancel()">Cancel</button>
    </body>
</html>


 

 

=> Create a JavaScript web resource 

 

 

JavaScript code: - 

 

function OpenHTMLwebresource(primaryControl){
    var formContext = primaryControl;
    var PageInput = {pageType:"webresource", webresourceName: "naree_Reject_Reason"};
    var NavigatipnOptions = { target:2, height: 400, width: 600 , position:1, title: "Reject reason"};
    Xrm.Navigation.navigateTo(PageInput, NavigatipnOptions).then(
        (result) => {
            if(result.returnValue != null ){
                formContext.getAttribute("new_rejectreason").setValue(result.returnValue);

                // to make form disable we need to set status code to 2. (2 == Canceled)
                formContext.getAttribute("statecode").setValue(2);
                formContext.data.save();
 
            }
           
        }
    )  
}

 

 

 

Create a Reject Button: - 

 

 Result: -



 

Comments

Post a Comment

Popular posts from this blog

Using Shared Variables in Plug-in and send an email inside the CRM User using Plugin

-
Image
 Using Shared Variables in Plug-in and send an email inside the CRM User using Plugin Shared variables are used to share data from one plugin to another plugin with the same message and the same entity. Some variable data that is dynamically generated in the running context cannot be stored in any field in the form, that kind of data can be transferred from one plugin (Pre-Operation) to another plugin (Post-Operation) by using Shared variables. What are Shared Variables in Plugins: - Shared variables are used for passing the data between plugins registered on both pre and post-events. Thus instead of capturing / storing  values in custom-made attributes, those variables can be stored in context variables. Limitations of Shared Variables: - For plug-in registered in stage 20(pre-operation) or 40(Post-operation) of the plugin execution pipeline, to access the stored variables from stage 10(Pre-operation) registered plug-in that executes on create, update, delete, or by a Retriev...
Read more

How to create an Azure AD(Active Directory) and create an application to connect Dynamics 365 from console application

-
Image
 Steps: - Video link :  How to connect console application to connect Dynamics 1. Open Azure Portal 2. Login with your CRM login Credentials 3. open Microsoft Entra ID 4. click App registrations. 5. select New registration 6. After Registering the application, you will get the Application Id (Client Id)..etc save the details. 7. Select App Permissions, click on Add permission, then select Dynamics 365. 8. Grant permissions to the created permissions. 9. Select Client & secrets, then click on New client secret, and provide the appropriate details. 10. After creating a secret you should copy the secret value, otherwise you cannot copy it later. 11. Open Power portal administrator, login with your CRM credentials. 12. Select your required environment, open users. 13. select application users, then select +New app user. 14. click on "Add an app", then select the created Azure application. 15. Provide the security role as System administrator, because it has the highest privil...
Read more

Task-8 : Updating Project Start Date and End Date

-
Image
 Task-8 : Updating Project Start Date and End Date User Story: - On selection of asset in case entity, read the project in asset, project start date and end date from project entity, set the dates on case entity from as project start date and end dates. Sudo code: - Create a lookup field of Asset entity in Case entity. Create two Date type fields as Project Start date and Project End date in Case entity. Create a Project Entity. In this Project entity create 2 fields as Project Start date and Project End date Create a Project entity lookup in Assert entity. Create JavaScript code for OnChange event of Assert lookup in the Case entity. Retrieve the Assert lookup record Id from Case Entity. By using REST Builder you can get the web API based code for retrieving the Project Start date and end date from Asset related entity. Set the retrieved project start date and end date to Case entity project start date and end date fields using JavaScript methods. Create a web resource using this ...
Read more