How to change the background image in Pega Constellation User Portal Home Landing page Banner Template?

User Experience
, , ,
1

Hi,

I would like to change the background image in Pega Constellation User Portal Home Landing page Banner Template. By default, there is an image displayed using this URL: https://pegasystems.github.io/uplus-wss/img/wss-main.jpg

Now I want to change it, but other URLs or binary files are not working.

Does anyone have a solution?

I attached a screenshot of the problem.

Thanks

Robert

Screenshot of Portal Template.jpg
Screenshot of Portal Template.jpg3024×1468 296 KB

2

@RobertB16878779 Are you still facing issue?

i have searched image and copy paste the url in background image box. it worked for me.

3

@NishitaN16595535 Worked for me as well, thank you!

4

Can you please provide more detail to “searched image and copy paste”? Where did you search? What was the URL format/where did you see the URL? If we want to upload a binary file to use, how do we get its URL to copy/paste into the box as suggested?

Thanks in advance

5

Hello @JonathanB9941

You can get it worked in two ways

  1. If you have a URL where the image is hosted in a website. For example, below image URL. https://picsum.photos/200/300. If you put this one in the banner image text box and load the landing page, whenever the screen load you will see a different image. Using the URL, the image is retrieved and rendered in pega

  2. If you already have an image as binary file, then you take the base64 encoded string from view XML and prefix it with “data:image/jpg;base64,“. Or you will have websites where you can get the base64 encoded string out of the image as shown below,

    image
    image1920×952 320 KB

In both the above scenarios, you can load image in the banner

Hope this helps

Regards

JC

3 Likes
6

Thanks so much JC @JayachandraSiddipeta ! This looks to work perfectly and is the detail I was hoping to get. I would love it if this detail were in the documentation, but when it is not I am very grateful for forums like these and people like you who can quickly answer the questions. Again, many thanks for your response here!

1 Like