Captive Portal with custom images

cancel
Showing results for 
Search instead for 
Did you mean: 

Captive Portal with custom images

L0 Member

Hello everyone,

I'm trying to implement the custom Captive Portal Response Page with custom images in it. 

Is there a way to upload my own images to the Palo Alto to use them in the Captive Portal? I did found the info about using the custom images from outside web or FTP resources via URL tag, but it doesn't fit the requirements of my customer. So I need to use the own PA's storage for custom images.

I checked the HTML code of the Captive Portal page and found this:

<a class="navbar-brand" href="javascript&colon;void(0);"><img class="logo" src="images/logo-pan-ced5d5.png" alt="">

Default logo is being downloaded from some 'images' folder. Where can I find this folder or upload my own image to this folder? Unfortunately, I didn't found any information about accessing PA Linux shell or accessing this folder.

 

Also, I have one more question about custom Captive Portal. Inside the HTML Captive Portal code I found that login and password text boxes are being displayed via default variable <pan_form/>. I need to change the names of the boxes (i.e. "name" instead of "login"). How can I access to the code of that variable to change the box naming? Or maybe someone has the source code of that variable? If so, could you please provide me this code?

Thanks in advance.

1 REPLY 1

Cyber Elite
Cyber Elite

Hi @higawajj 

It isn't possible to upload images to the firewall and use them on the captive portal login website. What you can do is to use the image you need (but it cannot be too big as there is a size limit of the custom captive portal html) as base64 directly in an img tag as src or also in css.

--> https://www.w3docs.com/snippets/html/how-to-display-base64-images-in-html.html

 

With your second question, jquery is your friend. With a framework like that it is possible to change the html at runtime. Also here there is something you should be careful: with jquery you could change any html property you want, but changing the name of the logintextbox could break the login completely. With that said, why do you need to change these textbox-names?

Like what you see?

Show your appreciation!

Click Like if a post is helpful to you or if you just want to show your support.

Click Accept as Solution to acknowledge that the answer to your question has been provided.

The button appears next to the replies on topics you’ve started. The member who gave the solution and all future visitors to this topic will appreciate it!

These simple actions take just seconds of your time, but go a long way in showing appreciation for community members and the LIVEcommunity as a whole!

The LIVEcommunity thanks you for your participation!