Página de inicio de sesión personalizada


Celoxis le permite tener su propia página de acceso en su sitio web. Tenemos una página de inicio de sesión de muestra que puede personalizar para adaptarse a sus necesidades.

Comportamiento

Si un usuario ya está conectado, será llevado automáticamente a la aplicación y esta página no se mostrará. Además, cuando el usuario se desconecta, será llevado a esta página en lugar de Celoxisla página de inicio de sesión.

Lo que necesitas para personalizar

  • Si es cliente de la versión On-Premise, reemplace la URL en la sección de cabecera por la versión correcta.
  • Ponga su sociedad en el campo oculto de abajo (busque "CAMBIO" abajo).
  • Puede estilizar la página como desee siguiendo las pautas que se mencionan en los comentarios que aparecen a continuación.

Código

<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>