2,946
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.
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.
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.)
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
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.
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.
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
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:
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
Stay up to date on forum activity by subscribing. You can also customize your in-app and email Notification settings across all subscriptions.
#1
André Arnaud de Cal...
291,280
Super User 2024 Season 2
#2
Martin Dráb
230,214
Most Valuable Professional
#3
nmaenpaa
101,156
Share
Report
All responses (
Answers (