- Access exclusive content
- Connect with peers
- Share your expertise
- Find support resources
05-23-2021 03:48 AM
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: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.
05-23-2021 05:26 AM - edited 05-23-2021 06:06 AM
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?
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!