Page de connexion personnalisée

Celoxis vous permet d'avoir votre propre page de connexion sur votre site web. Nous avons un exemple de page de connexion que vous pouvez personnaliser pour répondre à vos besoins.

Comportement

Si un utilisateur est déjà connecté, il sera automatiquement dirigé vers l'application et cette page ne sera pas affichée. De même, lorsque l'utilisateur se déconnecte, il sera dirigé vers cette page au lieu Celoxisde la page de connexion.

Ce que vous devez personnaliser

  • Si vous êtes un client sur place, remplacez l'URL dans la section de tête par la version correcte.
  • Indiquez votre code société dans le champ caché ci-dessous (recherchez CHANGEME ci-dessous).
  • Vous pouvez styliser la page comme vous le souhaitez en suivant les lignes directrices mentionnées dans les commentaires ci-dessous.

Code

<html>
<head>
    <!-- Do not change the following line -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <!-- If you use the on-premise version use the correct URL below -->
    <script id="celoxisloginscript" language="javascript"
            src="https://app.celoxis.com/psa/customLogin.js.do"></script>

    <title>Celoxis Custom Login Example</title>
</head>
<body>

    <!-- Error message will be displayed in the following div -->
    <div id="celoxiserror" style="color:red;display:none;">&nbsp;</div>

    <form method="post">

        <!-- Change the value parameter below with your company code -->
        <input type="hidden" name="code" value="CHANGEME"/>

        <!-- Do not change the following -->
        <input type="hidden" name="referrer"/>

        <!-- Do not change the name parameters -->
        Username:    <input type="text" name="username" />
        Password:    <input type="password" name="password" />
        Remember Me: <input type="checkbox" name="rememberme" value="true" />

        <button onclick="javascript:CeloxisAuth.customLogin(this.form);">
            Login
        </button>

    </form>

    <!-- The following will display the error in the div#celoxiserror above. -->
    <script language="javascript"> CeloxisAuth.handleError(); </script>
</body>
</html>