For developers
We’d love to be able to tell you more about our new, completely open, API. Full documentation, download section and developer forums will be coming very soon – please bear with us whilst we get them built.
In the meantime email us on developers@huddle.net and we’ll give you all the information you need.
To get started we’ve got some small code for adding a Huddle login box to a web site. We left it intentionally vanilla so you can customise the layout of the html and styling to suit, the only pre-requisites being:
- The <form> tag’s method and action must remain unchangedT
- The form element IDs must remain unchanged
Lots more will be coming soon...
<!-- these styles can be removed and replaced with styles that suit your own website -->
<style type="text/css">
<!--
form#HuddleLogin {
margin: 0;
padding: 10px;
}
.LoginBox {
border: 3px solid #666666;
background-color:#f0f0f0;
padding:5px;
width: 310px;
}
.LoginQuestion, .RememberMe {
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.formLabel {
width:120px;
margin-right:20px;
}
-->
</style>
<!-- end of huddle styles -->
<!-- huddle login form starts -->
<div class="LoginBox">
<form id="HuddleLogin" action="https://my.huddle.net/FastLogin.ashx" method="post">
<div class="LoginQuestion">
<span class="formLabel">
<label for="UserName">Huddle Username:</label>
</span><input type="text" id="UserName" name="UserName"/>
</div>
<div class="LoginQuestion">
<span class="formLabel">
<label for="Password">Huddle Password:</label>
</span><input type="password" id="Password" name="Password"/>
</div>
<div class="RememberMe">
<input name="LongSession" id="LongSession" type="checkbox" checked="CHECKED"/>
<label for="LongSession">Keep me logged in for 24 hours</label>
</div>
<div class="LoginButton">
<input type="submit" name="Send"/>
</div>
</form>
</div>
<!-- end of huddle login form -->