web
You’re offline. This is a read only version of the page.
close
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

I have the same question (0)
  • cloflyMao Profile Picture
    25,210 on at

    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

  • LeoFernandas Profile Picture
    on at

    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,210 on at

    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

     

  • Suggested answer
    cloflyMao Profile Picture
    25,210 on at

    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

  • Manuesev Profile Picture
    115 on at

    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?

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

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Neeraj Kumar – Community Spotlight

We are honored to recognize Neeraj Kumar as our Community Spotlight honoree for…

Leaderboard > Customer experience | Sales, Customer Insights, CRM

#1
Tom_Gioielli Profile Picture

Tom_Gioielli 137 Super User 2025 Season 2

#2
#ManoVerse Profile Picture

#ManoVerse 57

#3
Jimmy Passeti Profile Picture

Jimmy Passeti 50 Most Valuable Professional

Last 30 days Overall leaderboard

Product updates

Dynamics 365 release plans