Skip to main content

Notifications

Announcements

No record found.

Community site session details

Community site session details

Session Id :
Customer experience | Sales, Customer Insights,...
Suggested answer

Form Customization in Event Management Portal

(0) ShareShare
ReportReport
Posted on by

Hi All,

I have a question in Event Management Portal in Marketing App, Customer Engagement (D365). If any form customization like field creation, dragging and placing fields, changing form, adding images on Event Portal form, it can be done by updating Angular code in back end which is a lengthy process for even placing field on form.

Could you please let me know if there is any other way that the customization on Event Management portal can be done quickly and easily.

Thank you!

Leo

  • Manuesev Profile Picture
    115 on at
    RE: Form Customization in Event Management Portal

    Awesome. But we are having problems when deploying customizations into Portal by using the provided .ps1 script.

    Http request are duplicating our domaing name in the url, so we are obtaining 404 errors.

    Are we missing something?

  • Suggested answer
    cloflyMao Profile Picture
    25,202 on at
    RE: Form Customization in Event Management Portal

    Hi Leo,

    -> To add end date on home page:

    1. Open event.component.html 

    2. Add {{ event.endDate | date:'medium' }} into element likes below:

    pastedimage1574758336281v1.png

    3. Result:

    pastedimage1574758364678v2.png

    -> Add an image and a section with static information to registration form:

    1. open eventregistration.component.html

    2. add html code below to the place above Attendee details:

    Description:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    pastedimage1574759780239v5.png

    3. result:

    pastedimage1574759806345v6.png

    Regards,

    Clofly

  • cloflyMao Profile Picture
    25,202 on at
    RE: Form Customization in Event Management Portal

    Hi Leo,

    (*): Angular is not required.

    (*): Angular is required.

     add one more field named End Date as well.

    It could be equivalent to query event's Start Date field(*). Please wait for some time, I'll test and reply to you once I get result.

    add images on registration page and add some other section to display some information.

    We could add image(*) and other section(*) elements on corresponding page directly;while what type of information inside section? Static text(*) or contents from CRM(*)?

    > third party tool

    Currently I didn't find tool to make customization for event portal in OOB way, and do advanced customization by code directly would be only option for us. 

    Regards,

    Clofly

     

  • LeoFernandas Profile Picture
    on at
    RE: Form Customization in Event Management Portal

    Hi Clofly,

    Thank you very much for explaining. Here, Currently I have only Start Date and Event Name on Registration page. In addition to that, I would like to add one more field named End Date as well.

    Also, I would like to add images on registration page and add some other section to display some information.

    Could you please let me know if this can achieved without updating Angular and is there any other way like third party tool or it should only be done via CSS, HTML and Angular JS Code.

    Thank you,

    Leo

  • cloflyMao Profile Picture
    25,202 on at
    RE: Form Customization in Event Management Portal

    Hi Leo,

    There are some OOB customizations for event portal:

    Actually not all customizations require Angular update, let's review your requirements:

    -> field creation: it could be done by adding custom registration field, then build a workflow to sync data from Registration Response entity record to contact field. (It'll generate more fields on event registration form)

    -> dragging and placing fields: Angular code is required because we want to create a new contact record with more fields information from event portal, and it's complex to expand more fields for OOB registration form.

    -> changing form: Angular is not required if you just want to change form layout or appearance.

    -> adding images on Event Portal form: it's would be same as above, we can change appearance by css easily without js/angular code.

    Example for change registration form:

    pastedimage1574668957640v4.png

    Header background color(eventregistration.component.html):

    pastedimage1574668778580v2.png

    change layout for firstname and lastname fields(attendee.component.html, by default there are col-md-6 and have same length proportion):

    pastedimage1574669095425v6.png

    You could post any new thread in forum if you had encountered problem while customizing event portal, I'll try my best to give an anwser or thought.

    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

Daivat Vartak – Community Spotlight

We are honored to recognize Daivat Vartak as our March 2025 Community…

Announcing Our 2025 Season 1 Super Users!

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

Kudos to the February Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 293,129 Super User 2025 Season 1

#2
Martin Dráb Profile Picture

Martin Dráb 231,895 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156 Moderator

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans