Captive portal w/ images and css



  • Morning Dears,

    I´d like to if someone have a customized login page of CP w/ images (logo and more images) ?

    I´ve already seen some threads on forum but not so clearly information, I´ve already tried to put images on /var/db/cpelements, tried to making symbol link from /var/etc -> /var/db/cpelements to and not works.

    Thanks ^^.



  • You simply need to upload your files in the file manager section of Captive Portal in the web interface. It will automatically prepend "captiveportal-" to the file name, so if you upload "default.css" and "logo.png" you will have to refer to "captiveportal-default.css" and "captiveportal-logo.png" in your HTML page. The login page needs to be uploaded on the standard settings screen, and you cannot dictate the file name for it. There is no need to manually edit any files in the file system on pfSense, or do anything in the shell.



  • @Briantist:

    You simply need to upload your files in the file manager section of Captive Portal in the web interface. It will automatically prepend "captiveportal-" to the file name, so if you upload "default.css" and "logo.png" you will have to refer to "captiveportal-default.css" and "captiveportal-logo.png" in your HTML page. The login page needs to be uploaded on the standard settings screen, and you cannot dictate the file name for it. There is no need to manually edit any files in the file system on pfSense, or do anything in the shell.

    I tried to rename archives as figures and anothers, in other threads was said that .png isn´t allowed and others said that you need to convert pgn to JPG.

    Where can I put the images? When i upload my html file the pfSense automatically rename my archive (index.html) to captiveportal.html, and my file go to /var/etc, some threads said to put images on /var/db/cpelements or make a symbol link, but not works both methods.

    Can I see your html code.. seeing your references (img src) and where you put your images files?

    Thanks for reply.



  • I'm really not sure where you're confused here. Go to Services -> Captive Portal and then click on the File Manager tab. I've attached a screenshot. There is no restriction on file type as far as I know. There are even instructions on the bottom of that page that tell you how to refer to the files you upload there in your HTML.




  • @Briantist:

    I'm really not sure where you're confused here. Go to Services -> Captive Portal and then click on the File Manager tab. I've attached a screenshot. There is no restriction on file type as far as I know. There are even instructions on the bottom of that page that tell you how to refer to the files you upload there in your HTML.

    Hi buddy,

    I wasnt inserting files w/ this option, just SCP, now i´m having some trouble w/ firewall rules and after resolve it I´ll try again w/ this option.

    If wasnt ask so much, can you post your html code plz? Just to reference.

    Thanks again.



  • I don't have it in front of me at the moment but the examples given in the pfSense page itself are really all you need (look at both the main configuration page for CP and at the file upload page).



  • Dear Briantist,

    I´m so thankfully .. maybe I forgot this option "File Manager", such as the same thing that I tried before.

    File Manager input files in /var/cb/cpelements, but when I tried to refresh login page simply Images aren´t work.

    But finally everything works =) really really thanks.

    Now CP works w/ images and css.

    Closed case.

    Regards,
    Heitor Lessa


Log in to reply