Skip to main content

Notifications

Customer experience | Sales, Customer Insights,...
Suggested answer

Enforcing a disclaimer check for an event registration

(0) ShareShare
ReportReport
Posted on by 180

HI

Hoping someone has solved for this requirement. We wish to enforce a contact/client on registration of an event completes a disclaimer document before submitting the registration particulars for the event on the portal. 

Any ideas would be greatly appreciated

Brad

  • Suggested answer
    ShravanSuri Profile Picture
    ShravanSuri 1,255 on at
    RE: Enforcing a disclaimer check for an event registration

    Hey Brad,

    In addition to Clofly's suggestion below, some customers also want to store the exact time when a disclaimer was accepted by their registrants for legal reasons. You might want to add that to the solution below, to ensure that not only are you showing the disclaimer, but you're also auditing and storing the acceptance of the disclaimer itself.

    Thanks,

    Shravan

  • cloflyMao Profile Picture
    cloflyMao 25,202 on at
    RE: Enforcing a disclaimer check for an event registration

    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.

    * 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;

    pastedimage1608018785650v1.png

    * 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');
    }

    pastedimage1608018958681v2.png

    * 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.)

    8117.x1.JPG

    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.)

    pastedimage1608019575006v4.png

    Finally, implement your other validation logic inside checkout function of the ts file.

    Regards,

    Clofly 

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Vahid Ghafarpour – Community Spotlight

We are excited to recognize Vahid Ghafarpour as our February 2025 Community…

Congratulations to the January Top 10 leaders!

Check out the January community rock stars...

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,979 Super User 2025 Season 1

#2
Martin Dráb Profile Picture

Martin Dráb 230,848 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans