Hi Brad,
To achieve such functionality, we need to download sample event website and develop the project locally.
Here is a demo as per my understanding of your description.
1. Download the latest 1.28.0 sample event website:
Event management web application overview (Dynamics 365 Marketing Developer Guide) | Microsoft Docs
2. Follow necessary steps to run event website on your local machine:
Dynamics 365 Portal hosted custom event website (Dynamics 365 Marketing Developer Guide) | Microsoft Docs
3. Embed following HTML code to bottom of source code of src\app\components\eventregistration\eventregistration.component.html file.
Please take some time to read our policy and click I agree if you accept it.
* eventregistration.component.html is corresponding page of event registration form
* The code is to put disclaimer in a modal component, due to event website takes Bootstrap as its layout framework.
4. Open eventregistration.component.ts file in the same folder:
* import jQuery variable to inspect modal to show and hide it with Bootstrap built-in function. (After import {}...)
declare var $: any;
* Jump to checkout function, add two extra custom functions to show/hide modal after it.
public showModal():void {
$("#myModal").modal('show');
}
public hideModal():void {
$("#myModal").modal('hide');
}
* In checkout function, we need to insert this.hideModal(); to the first line of the function to close the modal when contact accepts disclaimer and his submission goes to registration process.
5. Back to the corresponding html, change the default checkout function(checkout button in card-footer element) to showModal function.
(The original function was migrated and binded to the custom "I agree" button instead.)
Test
After checkout button is clicked, the modal for disclaimer will show and contact need to click "I agree" to submit registration.
(Due to the original checkout function is now attached to "I agree", so CAPTCHA validation will execute after the button is clicked.)
Finally, implement your other validation logic inside checkout function of the ts file.
Regards,
Clofly
