Another episode of making configurations to a Dynamics Marketing Event Portal in the name of making it look pretty, branded and a little more stylish. This post will show you how to change the colour, styling and text on the ‘register now’ button on your Event Portal.

At the start of this ‘series’ I covered the slightly painful set up process for making changes to the event portal - so if you haven’t done that yet and have no idea what I am talking about there is a step by step guide for you here.

Change the colour, style and text

The Default

That default ‘Marge Simpson’ blue that only Matt Groening would be proud of and even he wouldn’t want his website buttons that colour… Also I’m not sure which I hate more - blue buttons or square buttons, yikes!

The Dream

Captain Kirk is optional of course but look at that beautiful orange, round edged ‘Sign me up scotty!’ button

Change the colour & style

Assuming you completed the steps in my previous article you are ready to fix your button up. The file which controls the ‘Register Now‘ button colour & style are stored in the event.component.scss file.

1. Open the source code folder in Visual Studio

2. Navigate to the event.component.scss file

3. Update the color related lines for .btn-primary

4 In the same file - scroll to .register-container button to include the line border-radius: 5px; - this controls how rounded the corners of the button are, the higher the number the more rounded the edges are

Save your changes and proceed to ‘Change the text’ or ‘Publish your changes’

Change the text

‘Register now’ seems a bit too demanding for my liking, what if I want it to say something else? The file which controls the ‘Register Now‘ button text is unique to each region/language.

1. Open the Portal management app

2. Navigate to ‘Portal languages’

3. Find the LCID for the country/language you want to change the text for

4. Open the source code file with the same number ID .json e.g. 1033.json is English

5. Update the “RegisterNow“ attribute to your desired button text e.g. '‘Sign me up scotty!’

Save your changes and proceed to ‘Publish your changes’

Publish your changes

You are now ready to publish your changes using the DeployToDynamics365Instance.ps1 file - check out my separate reference blog for details on how to do this if you missed it in my previous posts or need a recap -> https://www.ameyholden.com/articles/deploytodynamics365instance-ps1

Admire your work

Go to your portal, do a Force Refresh aka Ctrl + F5 so that it clears the local cache and tadahhhhhh!

Want to do more changes? Have a browse of my other articles in this series and tell me about the magical things you have uncovered too. Or if you are stuck on this journey too, and this doesn’t help just drop me a message or contact below - I cannot promise I’m a professional but I will give it my best!