cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Anonymous
Not applicable

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

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!
1 ACCEPTED SOLUTION

Accepted Solutions
ragavanrajan
Super User
Super User

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.

View solution in original post

2 REPLIES 2
ragavanrajan
Super User
Super User

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
Not applicable

Hi @ragavanrajan ,

 

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

Helpful resources

Announcements
Carousel Community Blog

Check out the Community Blog

Read all about the most recent blogs in the community!

Carousel News & Announcements

What's New in the Community?

Check out the latest News & Events in the community!

Users online (2,985)