Footer in Events Portal Home Page / Event Page

(0) Share

Report

Posted on by ba365guy

2,950

I am trying to modify the footer with 2 additional links in Events Portal.

I modified the "Footer Content Snippet" as below.

the footer in home page / event page is not impacted. It still show default as below ( i dont know where is this footer text coming from. It shows as 2018)

But the footer text in sing in page / profile page is impacted as configured in content snippet

How to deal with this. Where is the default footer in home page coming from and how can i configure to my requirement.

I have the same question (0)

All responses (8)

Answers (2)

Verified answer

cloflyMao 25,210 on at

Like (0)

Report

Hi ba365guy,

Are there two portals in your instance?(One is Customer Portal/Customer Service Portal, the other is Event Portal)

If so, the event portal is built with Angular, its source HTML would be different from general portal.

Due to I have only trial version of marketing application thus I couldn't help you to find the footer element.(The trial version couldn't be integrated with Portal.)

However, I have changed the footer in sample event website successfully, and you could try to change it with steps below:

1. Download sample event website:

https://docs.microsoft.com/en-us/dynamics365/marketing/developer/event-management-web-application#download-sample-event-website

2. Run sample event website in your local machine by following documentation tutorial.

3. In footer.component.html, we can find that the footer is associated with a directive: [appTranslate]="'Copyright'".

(It doesn't work if I change text inside p tag directly)

4. So we change the value of Copyright in "1033.json" file under Localization folder.(If your event website is English)

5. Result:

6. In deployment script, we can find that 1033.json file will be uploaded and synced to corresponding web file in Portal.

So if we modify event website locally, then portal event website shall be updated from our modification if we run the deployment script.

(You could also try to change 1033.json web file in Portal directly to check whether it could work.)

Regards,

Clofly

Was this reply helpful? Yes No
ba365guy 2,950 on at

Like (0)

Report

Is it not supposed to be a dynamic value. It seems the year value is hard coded in some file.

Do we have to update this every year ?

Was this reply helpful? Yes No
cloflyMao 25,210 on at

Like (0)

Report

Hi ba365guy,

From sample event website source code, it seems that currently the year value is hard coded.

Of course we can make the value dynamically with customization below:

1. Add a copy of original footer element, remove its appTranslate directive. (In footer.component.html)

Modified text will be below, the year variable is a dynamic value.

<p>Copyright © {{year}} All rights reserved.</p>

2. Add typescript code to get current year, then assign current year to {{year}} variable. (In footer.component.ts, same folder as html file)

3. Result

However, due to I haven't production type Dynamics marketing application, so I'm not sure whether those two files could be found in Event Portal.

You could try to find them in your portal, and send a feedback to Ideas forum.

Regards,

Clofly

Was this reply helpful? Yes No
Suggested answer

ShaileshJain on at

Like (0)

Report

Clofly provided the mechanics to customize footer based off sample website. that should address your original query.

We'll review the sample website for hardcoding on the year, but we don't consider this glitch as business impacting as we provide all the hooks to customize.

Was this reply helpful? Yes No
cloflyMao 25,210 on at

Like (0)

Report

Hi ba365guy,

Could the code work for you?

Regards,

Clofly

Please kindly mark as verified to close the thread if you had found any answer helped, it would be really appreciated.

Was this reply helpful? Yes No
ba365guy 2,950 on at

Like (0)

Report

Hi cloflyMao

Thanks for you continued help and support I have not tried the code yet. As we are going to make changes to code / add new code for the portal, it would take sometime for me to implement the steps you suggested I need to get developer.

I have seen the link you gave for source code download. Can you help me with a link / instructions for deploying the code once changes are made. I tried searching in Microsoft Docs. unable to find it for now. Will keep searching and browsing through.

Was this reply helpful? Yes No
ba365guy 2,950 on at

Like (0)

Report

I got it now.

docs.microsoft.com/.../portal-hosted

Thanks.

Was this reply helpful? Yes No
Verified answer

cloflyMao 25,210 on at

Like (2)

Report

Hi ba365guy,

You could run the event website locally by following tutorials below:

Part 1: Install Node.js and Angular, then navigate into event website directory and run a command(npm install) to download necessary packages to run the website.

https://docs.microsoft.com/en-us/dynamics365/marketing/developer/event-management-web-application#prerequisites

The installation of Node.js and Angular is easy, here is process to navigate to the directory and run command.

1. Open Node.js command prompt window.

2. I extracted my event to E:\Dev\Angular\Project\Event folder, so I run commands in the screenshot to navigate to the folder and install necessary packages.

Part 2: Register a web application in Dynamics 365 for Marketing to get token.

https://docs.microsoft.com/en-us/dynamics365/marketing/developer/register-web-application-events-api

Part 3: Configure environment.ts file(In src\environments folder, this part is only mentioned in self-hosted event website page of doc.)

https://docs.microsoft.com/en-us/dynamics365/marketing/developer/self-hosted#web-application-environment-configuration

Part 4: Start the local development server:

Run "ng serve" command when we navigated to event website folder with commands,

you may need to do more steps because your event is portal-hosted, please follow tutorial below for more details:

https://docs.microsoft.com/en-us/dynamics365/marketing/developer/portal-hosted

Part 5: Deployment

Run the script in Event\Scripts folder, it will help you to connect to Dynamics 365 for Marketing instance and complete deployment.

Regards,

Clofly

Was this reply helpful? Yes No