• Developer >
• Corporate Branding and Login

Corporate Branding and Login

In order to simply change the brand name from Coredination to MyCompany, simply use the brand_name query parameter on the URL in a link to the site, i.e:

https://web.app.coredination.net/?brand_name=MyCompany

You can also use a pass a URL to your company's logo with the brand_logo parameter. The image should work well on dark backgrounds and be about 200x36 pixels wide. Like so:

https://web.app.coredination.net/?brand_name=MyCompany&brand_logo=https://coredination.com/images/logo/example_logo.png&brand=mycompany

There are more complex branding options available. Please contact us for more information.

Login

If you want users to be able to login from your own website, you can do so with a custom login form using a few hidden inputs.

For example:

<html>
    <head>
        <title>MyCompany Login</title>
    </head>
    <body>
        <form method="get" action="https://web.app.coredination.net/">

            <p class="loginfailed" style="display: none">
                Login failed! Try again or <a href="mailto:info@example.com">contact us</a> for help.
            </p>

            <p>
                <label for="login_user">E-mail</label>
                <input type="email" name="login_user" placeholder="E-mail Address" autofocus></input>
                <br/>
                <label for="login_pass">Password</label>
                <input type="password" name="login_pass" placeholder="Password"></input>
            </p>

            <input type="submit" value="Login"/>

            <input type="hidden" name="brand_name" value="MyCompany"/>
            <input type="hidden" name="brand_logo" value="https://example.com/logo.png"/>
            <input type="hidden" name="login_to" value="/web/"/>
            <input type="hidden" name="logout_to" value="http://example.com/"/>

        </form>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script>
            if (document.location.hash.indexOf("loginfailed") >= 0) {
                $('.loginfailed').fadeIn();
                document.location.hash = '';
            }
        </script>
    </body>
</html>

The login_to parameter is a relative URL specifying which page to go to once logged in. The logout_to parameter specifies which URL to redirect to when the user logs out.

If login fails, the user will be redirected to the referring URL (your login page) with the hash #loginfailed appended.