To include a login form, simply copy and paste the following HTML into your existing web page:
<link href="http://app.onehub.com/stylesheets/remote_login.css" media="screen" rel="stylesheet" type="text/css" /> <div id="onehub_remote_login"> <!-- https://YOUR-ACCOUNT-URL.onehub.com/app/sessions/create --> <form action="https://app.onehub.com/app/sessions/create" method="post"> <fieldset> <h3>Onehub</h3> <ol> <li> <label for="login_email">Email</label> <input id="login_email" name="login[email]" size="30" type="text" /> </li> <li> <label for="login_password">Password</label> <input id="login_password" name="login[password]" size="30" type="password" /> </li> </ol> <hr /> <div class="buttons"> <button type="submit" id="login_button"> <span><img alt="" height="16" width="16" src="http://app.onehub.com/images/icons/tick.png" /> Login</span></button> <a href="https://app.onehub.com/forgot_password" class="button passive"> <span>Forgot Your Password?</span></a> </div> </fieldset> </form> </div>
Be sure to change the form action to match your account URL. You can change your account URL in your Account Profile which is found under the Account tab in your user home.
This HTML example includes a default stylesheet that is hosted on onehub.com. You can remove this and apply your own CSS to customize how the form looks.
0 Comments