Customer Self Service Portal Design

(0) Share

Report

Posted on by EBMRay

1,710

Hello,

I would like to add/modify the design of this portal, and what I want to achieve is the following:

I want to change the color of the navigation from black to blue.
I want to add a company logo to this navigation.

Navigation
I want to add another logo in the right of the text "Sign in with a local account". Take a look at the screenshot below:

Sign up
I want to change the following photo posted below in the "Get Help" section.

Get Help Section

Can please someone explains in detail and provides an example to achieve the following requirements mentioned above for the Customer Self-Service Portal?

Any help will be greatly appreciated.

Thank you.

Categories:

Power Apps portals

I have the same question (0)

All responses (10)

Answers (0)

v-siky-msft on at

Like (1)

Report

@Julien2
Color, style, etc. are managed through Themes and css (bootstrap), you can change from the threme.css, you can download it from CRM and update it, upload it back to CRM.
To add a logo, go to Content Snippet - Navbar Left, this part defines the navigate of hearder, you can do some change here to modify the logo.
I think the video will be more helpful and easy-understanding, please check this: https://www.youtube.com/watch?time_continue=287&v=SozwDLuZaak&feature=emb_logo
Sik

Was this reply helpful? Yes No
EBMRay 1,710 on at

Like (0)

Report

Hi @v-siky-msft
Thank you for sharing this helpful video.
I have achieved to change the color of the navigation and add a logo.

Unfortunately, I didn't find the Content snippets for the Signup page to customize it and add a logo to the left of "Sign up with a local account".
Do you have any idea what would be the name of this content?

Looking to hear from you.
Thanks again!

Was this reply helpful? Yes No
OOlashyn 3,496 Most Valuable Professional on at

Like (1)

Report

Hi @Julien2 ,
Content snippet that you need is Account/SignIn/SignInLocalFormHeading. If you don't have it in your system already you can just create it.

Was this reply helpful? Yes No
v-siky-msft on at

Like (1)

Report

@Julien2
Yes, I agree with what @OOlashyn said.
If you want to modify the local sign-in form, just go to Content Snippet - Account/SignIn/SignInLocalFormHeading.
Sik

Was this reply helpful? Yes No
EBMRay 1,710 on at

Like (0)

Report

Hi @v-siky-msft ,

I have created this record "Account/SignIn/SignInLocalFormHeading" of type "HTML" because I want to add a logo, but unfortunately, the HTML tags appear instead of showing the image output.

Please take a look at the screenshots below:
What I am doing wrong since the type of this record is "HTML"?
Looking to hear from you.
Thank you!

Was this reply helpful? Yes No
OOlashyn 3,496 Most Valuable Professional on at

Like (1)

Report

Hi @Julien2 ,
You are doing everything correctly. When I tried to add HTML tags in my snippet it also renders them as text.
@v-siky-msft can you check if this is a bug or this snippet can be only rendered as text?

Was this reply helpful? Yes No
v-siky-msft on at

Like (1)

Report

@OOlashyn @Julien2
All content snippets value support HTML makeup.
That could be a bug, I will submit this to Microsoft, hope it can be fixed in next update.
Sik

Was this reply helpful? Yes No
EBMRay 1,710 on at

Like (0)

Report

@v-siky-msft

Thank you for reporting this to Microsoft.
Where I can know the publish date of the latest updates for this portal?

Thank you!

Was this reply helpful? Yes No
DouglasNLima 5 on at

Like (0)

Report

Is this bug sorted? I'm having this issue right now.
My snippet is rendering the HTML content as text but is rendering correctly on Power Apps Editor.

Was this reply helpful? Yes No
oliver.rodrigues 9,368 Most Valuable Professional on at

Like (0)

Report
I am not sure I call this a bug, perhaps just the snippet might be wrong and this should just render a text

@v-siky-msft if you still need in the community portals this in line 12 of LoginLocal.ascx control:
<%: Html.TextSnippet("Account/SignIn/SignInLocalFormHeading", defaultValue: ResourceManager.GetString("Signin_With_Local_Account"), tagName: "span") %>
as you can see it renders using TextSnippet and not HtmlSnippet

@DouglasNLima you can achieve what you need via JavaScript
make sure you have a Content snippet called Account/SignIn/PageCopy and add your code in there, for example:
<script> $(document).ready(function(){ $("#local-login-heading").find("span").eq(0).append("<img src='/Diagnose.png'/>"); }); </script>
------------
If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No