Adding a Confirmation Prompt to a Checkbox Control in Infor CRM

There are times that you might want to prompt a user in Infor CRM (Saleslogix) to make sure a click was intentional. I recently built an integration for a customer that allowed them to add or remove products from their WordPress/WooCommerce website by simply checking or unchecking a box in Infor CRM. I didn’t want to have the possibility of removing a product from their website with accidentally or unintentionally unchecking the checkbox, so I figured out a way to wire up a confirm prompt that only fires when the user unchecks the checkbox.

To accomplish this, we’ll wire up some code around the dijit/form/checkbox’s _onClick event using dojo/aspect. Then, we’ll only pass execution onto the original _onClick if the user answered OK to the prompt. Additionally, we’ll declare the confirmation message itself outside of the aspect.around, so we can set it to a message, or to a blank string, based on the state of the checkbox and we’ll only show the prompt if the message string is not empty.

Here’s the code, we’ll add this to the LoadAction of the form:

// the checkbox we're wiring this up for
var checkboxId = chkWebsiteInclude.ClientID;
// the message we want to prompt. If the checkbox is already checked, meaning the user is 
// unchecking, we'll set the message, otherwise it will be a blank message and won't appear.
var confirmMessage = (chkWebsiteInclude.Checked ? "Are you sure?" : "");

// no need to change any of this
ScriptManager.RegisterStartupScript(this, GetType(), "script_CustomizeCheckbox", @"
    var message_%CHECKBOX% = '%MESSAGE%';
	require(['dojo/aspect', 'Sage/UI/Controls/CheckBox'], function(aspect, CheckBox) {
		aspect.around(CheckBox.prototype, '_onClick', function(origFunc) { 
			return function(evt) {
				if (this.id.indexOf('%CHECKBOX%') !== -1 && !this.promptAdded) {
					this.promptAdded = true;
					if (message_%CHECKBOX% === '' || confirm(message_%CHECKBOX%)) {
						origFunc.apply(this, arguments);
					}
					else {
						evt.preventDefault();
					}
				}
				else {
					origFunc.apply(this, arguments);
				}
			}
		});
	});
".Replace("%CHECKBOX%", checkboxId).Replace("%MESSAGE%", confirmMessage), true);

That is it. Now, if the user unchecks the checkbox, they will be prompted. If they cancel the prompt, the checkbox will remain unchanged. If the answer OK to the prompt, it will uncheck the checkbox. Additionally, if there is a C# change action for the checkbox, it will only fire if the user answers OK to the prompt as well. With the code above, you could have the confirm prompt appear for both checking and unchecking by just not conditionally setting the confirmMessage variable. Or you could show a different confirm message for checking and unchecking.