Power Apps Portal: Add a URL to a web file image logo

[Anonymous]

Hello Community,

I have added an image file (png file) as a note attachment under a web file in order to display this image as a logo at the top header area of my custom portal. I would like to add a URL to this image logo, so that when user clicks on it, it will redirect them to another URL page outside of the portal (i.e. google.com)

Does anyone know how I could achieve that? I am not a developer, so looking for guidance if this requires any codes (i.e. HTML) or if there is an easy way I can apply this in Portal Management.

I tried doing some google research on my own, and added the following HTML syntax under the HTML area of the web file record where this image logo is stored, but when I test this it's not doing anything - the image logo is still not clickable.

<a href="https://google.com"></a>

I am sure I am doing something wrong. Any guidance would be appreciated.

Thank you!

[ragavanrajan · Accepted solution]

Hi @Anonymous , 

 What ever you have done is absolutely right just a little modification needed.  Once you added your web file then pls follow the below steps. 

In portal studio: 

Click on the image and click source code editor then 

Add the below code which include <img> tag after <a> anchor tag. 

<a href="https://google.com"><img alt="Contoso Limited" src="/logo.png" style="width: 60%; height: auto;"></a>

Once added. In portal studio > press the sync configuration > and browse website. 

Hope it helps. 

------------

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.

[Anonymous]

Hi @ragavanrajan ,

Thank you so much for the pointer! I have managed to get this working, appreciated for your inputs!