Microsoft Dynamics 365 | Integration, Dataverse...

Different images in header on different pages: dynamics 365 portal

(0) Share

Report

Posted on by hmscskaren

Customer Service Portal. 4 pages, each one linked on home page from an image. The home page header is Logo. Want the header image on the other pages to be the corresponding image from the home page. For example, there is an image on the home page of a toolbox. Click on the toolbox image on the home page and you will be taken to the Support page. This Support page currently has the same header image (Logo) as the home page. Want it to have the image of the toolbox in the header instead. Can anyone please help with this issue?

I have the same question (0)

All responses (8)

Answers (0)

cloflyMao 25,210 on at

Like (0)

Report

Hi hmscskaren ,

Could you share:

- home page with header and your toolbox image

- support page with header and the image to home page

As per my understanding, currently all of your pages(also home page) sharing a common header, and there is a image on the header(logo) which is linked to home page. Would it be right?

Regards,

Clofly

Was this reply helpful? Yes No
hmscskaren 5 on at

Like (0)

Report

Thank you for your reply. Unfortunately, it is a client portal and I don't have that permission from them. It would be "portal.clientdomain.com" for the home page and the page template is "home." Click on the toolbox image and you are taken to "portal.clientdomain.com/service" and the page template is "full page." In Dynamics 365 there is an image attached via Notes for the "home" page. This image appears at the top of the home page and on every other page as well.

Was this reply helpful? Yes No
Mahendar Pal 45,095 on at

Like (0)

Report

Hi,

If you want to modify the portal, first thing you need to get permission from them, after that you can look what customization is done there, you need to check if there is any jquery which is referring image attached to for the hompage and replace it.

Was this reply helpful? Yes No
Suggested answer

cloflyMao 25,210 on at

Like (0)

Report
Hi hmscskaren,

You could let your admin add following javascript to "Navbar Left" content snippet.

(Did you also add logo by change HTML source code to the Navbar left?)

It will detect current page particial URL and change the logo file path to others based on specific path name.

Example:

1. I created a web file toolbox.png

2. I changed "Navbar Left" with my customized source code, by default it'll display company logo,

if a specific page/path name is detected, then change the image element to corrensponding image.

3. Result:

Default home page logo in Home page

Image has been changed to toolbox.png in /support page:

Regards,

Clofly

Was this reply helpful? Yes No
hmscskaren 5 on at

Like (0)

Report

Thank you for your reply. I do have permission to edit the client's portal, I don't have permission from them to share any part of their portal in a community forum. There is currently no jquery. We have created this portal for them.

Was this reply helpful? Yes No
hmscskaren 5 on at

Like (0)

Report

Thank you for your help. Unfortunately we are not trying to put an image in the Nav bar. In your screenshot there is an image behind the word "CONTOSO" - that is the image we'd like to change. We can do this easily for the home page by replacing the image file under the Notes section in Dynamics 365. However, once we do that, this same image appears in the header portion of each page, not just the home page. There are many tutorials online to customize this image. But we wanted an easy way to make this image different on each page. Thank you again for your help.

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

Like (0)

Report

Hi hmscskaren,

1. The icon and "Contoso" in my home page actually are in same image.(An image with icon and text)

2. Could you let me know how did you customize the image? because you said you're not trying to put an image in the navbar,

however, you also mentioned that you had put image in header portion, as far as I know, navbar could be regarded as to header;

3. "the same image appears in the header portion of each page":

because these pages are sharing a same public header, so the possible customization method would be:

the logo element had a href "/Logo", if you re-uploaded a new note image file, then the logo image will also get updated.

In a word, due to Home, Support..etc pages have same header, so the issue comes out.

4. I thought that changing the logo dynamicly by javascript would be an easy option,

because you still need to create multiple web files for different pages, (e.g: toolbox.png -> Support, editor.png -> Knowledgebase etc)

you might had to create multiple headers for different pages without code,

while everythting could be done in a same script tag if we work with javascript.

Please kindly point out if I didn't understand you real requirement properly, I'll still try my best to find a easy way for you scenario. Thanks.

Regards,

Clofly

Was this reply helpful? Yes No
hmscskaren 5 on at

Like (0)

Report

Thank you Clofly, my apologies for the lateness of the reply. The client changed the requirements mid-project and we've been doing those. We've finally gotten back to this and the client has told us "nevermind." So this is no longer something we need to do.

For #2 in your reply here's a link to a forum question that shows how we originally changed the image: community.dynamics.com/.../how-can-i-change-home-page-image-on-the-portal. This works fine for the home page. But since the subsequent pages also use this same header, you cannot change the image on those pages to something different in this way.

We appreciate your efforts to assist us!

Was this reply helpful? Yes No