Comment personnaliser complètement la page d'accès web au-delà des capacités du portail web ?

Aperçu

En utilisant le Portail Web, vous pouvez personnaliser les pages d’accès web TS2log de manière étendue.

Dans certains cas cependant, cela ne suffit pas. Dans ces cas-là, vous pouvez complètement personnaliser la page d’accès web, au-delà des capacités du Portail Web, en modifiant vous-même la page d’accès web générée par le Toolkit Webmaster.

Attention, cette documentation est destinée uniquement aux développeurs web qualifiés.

Génération des paramètres obligatoires

Afin d’intégrer des paramètres obligatoires dans votre page d’accès web, nous vous recommandons de commencer par générer votre page d’accès web en utilisant le Portail Web.

Emplacement de fichiers

La page d’accès web sera générée dans le dossier « C:\Program Files (x86)\TS2log\Clients\www ». Par exemple, si vous choisissez « index » comme nom de page, le fichier sera nommé  » index.html » dans ce dossier.
Il s’agit d’un fichier HTML standard, vous pouvez donc utiliser toutes vos connaissances des langages de programmation HTML, JavaScript et CSS pour développer votre page personnalisée.

Toutes les inclusions de fichiers sont écrites dans le dossier « C:\Program Files (x86)\TS2log\Clients\www ».
Par exemple, le fichier de styles CSS principal se trouve dans « C:\Program Files (x86)\TS2log\Clients\www\software\common.css ». Il est donc inclus dans la page d’accès web HTML par la ligne suivante :

				
					<link rel="stylesheet" type="text/css" href="software/common.css" />
				
			

Page d'accès web minimale

Il est possible de réduire un fichier HTML généré par les préférences du Portail Web à une page d’accès web minimale.
Nous vous conseillons d’utiliser un éditeur de texte tel que Notepad ou Notepad++ (Ne pas utiliser Word).

Après avoir effectué cette réduction, vous obtiendrez la capture d’écran suivante :

Tout d’abord, vous devrez conserver tout ce qui se trouve entre les balises HTML, à savoir : Balises méta pour forcer les navigateurs à vider leur cache Inclusions de fichiers .js Déclarations de paramètres JavaScript
				
					Ensuite, vous pouvez réduire le contenu entre les balises HTML <body> et </body> à ces quelques lignes :

<body data-cmplz=1 onKeyPress="CheckKey(event);" onload="setAll();" style="padding:20px;">
    <form name="logonform">
        <div><input type="text" name="Login" id="Editbox1" onblur="onLoginTyped();" value=""/></div><br/>
        <div id="tr-password"><input type="password" name="Password" id="Editbox2" onfocus="onPasswordFocused();" value=""/></div><br/>
        <div id="tr-domain"><input type="text" name="Domain" id="Editbox3" value="" /></div><br/>
        <input id="buttonLogOn" type="button" value="Log on" onclick="cplogon();" /><br/>
        <br/>
        <div id="accesstypeuserpanel" style="margin:0;">
            <label id="label_accesstypeuserchoice_html5" for="accesstypeuserchoice_html5"><input type="radio" value="html5" name="accesstypeuserchoice" id="accesstypeuserchoice_html5" checked="checked"> HTML5 client</label>
            <label id="label_accesstypeuserchoice_remoteapp" for="accesstypeuserchoice_remoteapp"><input type="radio" value="remoteapp" name="accesstypeuserchoice" id="accesstypeuserchoice_remoteapp"> RemoteApp</label>
        </div>
    </form>
</body>
				
			

Actualisez la page web dans votre navigateur et vous devriez obtenir la page minimale de la capture d’écran ci-dessus.

Nous vous recommandons de vider le cache de votre navigateur après avoir enregistré chaque fichier modifié.

Tant que vous conservez les appels aux fonctions JavaScript sur des événements spécifiques et les identifiants donnés (id= »… »), votre page d’accès web qui est entièrement personnalisée fonctionnera correctement !

Retour en haut
Logo IT Partners 2025

Retrouvez-nous au Salon ITPartners Paris La Défense Arena - Stand C054
les 5 et 6 février 2025.