Support Forum
The Forums are a place to find answers on a range of Fortinet products from peers and product experts.
scerazy
New Contributor III

Customize VPN login & Portal pages

How does one change/add ie logo? Or add a background image, Or whatever more than the minimalistic customization allowed by GUI?

 

Article like this: https://kb.fortinet.com/kb/documentLink.do?externalID=FD33062 makes zero sense in 6.2.2 because all is written with <div>

 

How to ie replace this:

<f-icon class="ftnt-fortinet-grid icon-xl"> 

 

Seb

6 REPLIES 6
Toshi_Esumi
Esteemed Contributor III

I don't have a tiny web icon available to test but when I commented out <f-icon> tag and replaced it with <div> tag then put a <img ....> inside, it seems to have inserted it before "Please Login". Since the image was too large, it exploded the screen. Try it with a proper size of logo.

Elthon_Abreu

I made some modifications to my Portal.

Take a look at attachment.

Elthon Abreu FCNSA v5

Elthon Abreu FCNSA v5
Toshi_Esumi
Esteemed Contributor III

Looking good to me.

scerazy
New Contributor III

Share the actual code?

Or the <img tag was all you done?

 

What is the needed size?

Elthon_Abreu

You will need to upload your image in "Replacement Messages > Manage Images" before. You can try the size 251x78. This is my code:

 

<div class="fortinet-grid-icon" style="background-color:rgb(85,82,72)"> <!-- <f-icon class="ftnt-fortinet-grid icon-xl"> </f-icon> --> <img src=%%IMAGE:My-Image_01%% alt="My Company Name" align="center" border="0"> </div> <div class="platform"> %%SSL_STATUS_INFO%% </div>

<div class="expand"> %%SSL_RESPONSIVE_EXPAND%% </div>

%%SSL_OPTIONS%%

Elthon Abreu FCNSA v5

Elthon Abreu FCNSA v5
Chiransmith34
New Contributor

Hey,

you can just create a div class and insert image using img tag instead of f-icon.

It's easy. 

but if you are facing an issue with the portal pages you can refer: elogin

 

Top Kudoed Authors