Customizingfontfamily

ConfigurationGuideforH3CSSLVPNLoginPageCustomization1OverviewThisfunctionallowsyoutocustomizetheloginpageforcommonusersasneeded.
Forexample,youcancustomizetheloginparameterstobedisplayedontheloginpage,suchastheusername,password,andauthenticationmethod.
ThisdocumentdescribesthecompleteoperationprocedureforyoutocustomizetheSSLVPNloginpage,andtherulesthatyoumustfollowtocustomizetheloginpage.
2LoginPageCustomizationProcedureFollowthesestepstocustomizetheSSLVPNloginpageforcommonusers:1)Defineacustompage,whichusuallyincludesoneormorehtmfiles,jsfiles,cssfiles,and/orpicturefiles.
2)Telnettothedevice,createadirectoryunderdirectoryflash:/domainNorcf0:/domainN(Nisthenumberofadomain),anduploadthefilesofthecustompagetothecreateddirectorythroughTFTPorFTP.
Forexample,ifyouaretheadministratorofdomain1andwanttosavethefilesintotheflashoftheSecBladeSSLVPNcard,youcancreateadirectorynamedwww/loginunderflash:/domain1,namelythedirectoryflash:/domain1/www/login.
TheSecBladeSSLVPNcardsupportsmultipledomains,andsupportstheflashstoragemediumandtheCFstoragemedium.
Thefollowingfigureshowsthefilesforasamplecustompage.
Thefileuser.
htmistheloginpageforusers.
3)LogintotheSSLVPNasanadministrator,selectDevice>DeviceManagementfromthenavigationtree,andthenselecttheUICustomizingtabandclickFullcustomization.
SelecttheCommonUserLoginPageoption,andthenspecifythecustompagedirectoryandtheloginpagefile,asshowninthefollowingfigures.
Figure2-1SecBladeSSLVPNFigure2-2SecPathSSLVPN4)Savethedomainconfigurationfile,andthenrestartthedomainortheSVPNservicetovalidatetheloginpagecustomization.
3PageCustomizationRulesThecustomizedloginpagemustbeanhtmfile,whichcanreferencejavascript,css,andpicturefiles.
Therearenorestrictionsonthepage'sappearance,butthefollowingcoderequirementsmustbesatisfiedforpropercooperationwiththegateway:1)IfajavascriptorCSSfileisreferencedintheloginpage,thejavascriptorCSSfilemustbeunderthecorrespondingdirectoryinred:2)Ifapicturefileisreferencedintheloginpageorthepagebackgroundfileisapicturefile,thefilesmustbeunderthecorrespondingdirectoryinred:3)Theloginparameterstobesubmittedbyausermainlyincludetheusername,password,authenticationmethod,andlogindomain.
Theusernameandpasswordfieldshavealengthlimitandcanonlyacceptcertaincharacters.
Theauthenticationmethodandlogindomainfieldsmustbeconsistentwiththesystemconfiguration.
Thefollowinggivesanexampleforconfigurationoftheseloginparameters.
localdomain1ParameterNameValidcharactersandvaluesLengthDeviceUsernametxtUsrNameDigits(0-9),letters(a-z),spaces,dots(.
),hyphens(-),andunderscores(_)1-55SecBladeSSLVPN,SecPathSSLVPNPasswordtxtPasswordVisiblecharacters1-63SecBladeSSLVPN,SecPathSSLVPNAuthenticationmethodauthmethodThevalueofthisfieldcanbe1,2,4,8,or9,representinglocal,RADIUS,LDAP,AD,andCombined.
Inthisexample,thedefaultvalueis1,whichmeansthedefaultauthenticationmethodislocal.
Youcanchangethedefaultvalueasneeded.
1SecBladeSSLVPN,SecPathSSLVPNLogindomainselDomainThevalueisthedomainnumber.
Inthisexample,thelogindomainnumberis1,andthedomainnameisdomain1.
Youcanmodifythelogindomainconfigurationasneeded.
3SecBladeSSLVPN4)TheCGIdirectorythattheclientsubmitsmustbe"/svpn/vpnuser/login_submit.
cgi".
5)ProvidealinkforuserstodownloadtheActiveXcontrol,inthisformat:ActiveXControlNote:Thecontentsinred(after/svpn)mustbeconsistentwiththecustompagestoragedirectoryconfiguredinLoginPageCustomizationProcedure.
Ifallusersinadomainusethesameauthenticationmethod,youcansettheauthenticationmethodfieldinvisibletousers.
Theadministratorofadomaincustomizestheloginpageforthedomainindependently.
Thelogindomainfieldcanalsobesetinvisibletousers.
Seethefollowingsourcecodesforreferences.
4SampleSourceCodesforaCustomPageH3CSSLVPNLoginPageDIV.
bar{background:d6000f;OVERFLOW:hidden;WIDTH:100%;HEIGHT:5px;TEXT-OVERFLOW:ellipsis;}body{font-size:11px;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;background-color:#FFFFFF;font-family:Verdana,Arial,Helvetica,sans-serif;}.
WelcomeFont{font-weight:bold;font-size:32px;font-family:Arial;}.
boldSize12Font{font-weight:bold;font-size:12px;font-family:Arial;}.
tabHeadWhite{font-weight:bold;font-size:12px;font-family:Arial;color:#FFFFFF;}.
smallNormalFont{font-size:12px;font-family:Verdana,Arial,Tahoma;}.
button{BORDER:1pxridge;WIDTH:88px;HEIGHT:22px;FONT:9ptArial;PADDING-BOTTOM:0px;PADDING-TOP:0px;BACKGROUND-COLOR:#F2F2ED;}functiononApply(){varobj=document.
getElementById("ID_frmLogin");obj.
action="/svpn/vpnuser/login_submit.
cgi";obj.
submit();return;}WelcometotheSSLVPNLoginPage Login Username PasswordAuthenticationMethodlocalDomaindomain1  DownloadandInstall Ifthisisyourfirstlogin,pleaseclickthefollowinglinktoinstalltheActiveXcontrol:ActiveXControlTheloginpagewillbedisplayedasfollows: