Hide +New button in Subgrid programmatically.

Hide +New button in Subgrid programmatically.

Hi all,

             Recently I got one requirement that Hide +New button from subgrid based on Condition. By default we can hide button using Right Click --> Hide button. But based on condition if we want to hide then we need to write our custom function. 

            Here I am posting this for how to achieve this. For achieve this, we should have Ribbon Workbench Solution. you can download that using following link

https://www.develop1.net/public/Download%20Ribbon%20Workbench%202013.aspx

or you can down load latest XRM tool which is providing Ribbon workbench Plugin directly. 

http://www.xrmtoolbox.com/download.html

Now Create one web Resource Javascript in your CRM solution.

In this scenario, I am hiding New Button, if Form is having value for Name field. If Name field is not having value then New button field should be visible. For that I wrote following code.

function RemoveNewButton(){

// Checking Name field is having Value or not

if(Xrm.Page.getAttribute("rbn_name").getValue()!=null)

           return false;

else

          return true;

}

If you want to Hide/Show button based on user role, first get the user role using following code.

function CheckUserRole() {

    var currentUserRoles = Xrm.Page.context.getUserRoles();

    for (var i = 0; i < currentUserRoles.length; i++) {

         var userRoleId = currentUserRoles[i];

    var userRoleName = GetRoleName(userRoleId);

        if (userRoleName == "System Administrator") {

            return true;

        }

    }

    return false;

}

//Get Rolename based on RoleId

function GetRoleName(roleId) {

    //var serverUrl = Xrm.Page.context.getServerUrl();

    var serverUrl = location.protocol + "//" + location.host + "/" + Xrm.Page.context.getOrgUniqueName();

    var odataSelect = serverUrl + "/XRMServices/2011/OrganizationData.svc" + "/" + "RoleSet?$filter=RoleId eq guid'" + roleId + "'";

    var roleName = null;

    $.ajax(

        {

            type: "GET",

            async: false,

            contentType: "application/json; charset=utf-8",

            datatype: "json",

            url: odataSelect,

            beforeSend: function (XMLHttpRequest) { XMLHttpRequest.setRequestHeader("Accept", "application/json"); },

            success: function (data, textStatus, XmlHttpRequest) {

                roleName = data.d.results[0].Name;

            },

            error: function (XmlHttpRequest, textStatus, errorThrown) {
alert('OData Select Failed: ' + textStatus + errorThrown + odataSelect);
}

        }

    );

    return roleName;

}

After adding this Javascript to your web resource, then open your ribbon workbench and Import which solution you are working on. Now select which entity Form deactivate button you need to hide.Here I want to hide Contact Entity Deactivate Button.

Now click on Customize Command button in above options. (Above Image Accidentally I highlighted Customize Button please observe)

Then Add New Enable rule. 

Using following Steps.

Right Click -> Add New-> right side you can see Steps Lookup -> Click on that -> Add New.

Observe following images

Then you will get following options

Fill all those details like above and then click Ok.

Now you successfully created Enable Rule.

Now go to Commands section and click On deactivate command. And select Edit Enable Rule. like following

Then You will get following popup

Click Ok and Publish your customizations. Then Deactivate button will visible only for System Admin.

But I will suggest you one thing in your Js code. Don't use hardcoded GUID Value in code. Because it might be vary from one environment to another Environment (Dev to Test)

Hope it helps you.

Thanks.