Any chance of adding hCards
Jeremy Keith Feb 9, 2010 4:16 PM
Hi,
If you could update the "People" page of a project to include hCard class names in the markup, it would make it really, really handy for putting people's contact details into my address book.
It wouldn't take much to update the markup:
<div class="contact vcard">
<div class="avatar">
<img alt="" class="avatar photo" height="48" src="" width="48" />
</div>
<div class="body">
<h3 class="fn>Firstname Lastname</h3>
<span class="role">Creative Director</span><br />
<a class="email" href="mailto:email@example.com">email@example.com</a><br />
<span class="label tel"><abbr class="type" title="Office">O</abbr>:</span> <span class="value">012 345 6789</span><br />
<span class="label tel"><abbr class="type" title="Mobile">M</abbr>:</span> <span class="value">012 345 6789</span><br />
</div>
</div>
'Twould be much appreciated. Thanks.
Jason Zimdars
Mar 19, 2010 11:12 PM
Hey Jeremy, thanks for the suggestion.
I spent a little time implementing this today and I wondered if you had an opinion for a few additional case.
First one is multiple a two-line address. I settled on this, but I'm curious as to the best practice:
<div class="adr">
<div class="street-address">500 North Street</div>
<div class="street-address">Suite 500</div>
<div>
Another one is instant message handle. Right now I have:
<span class="label">AOL IM:</span> <span class="value">aolimhandle99</span>
Thanks again. Curious to hear your feedback.
Jeremy Keith Mar 22, 2010 11:11 AM
Hi Jason,
Thank you very much for looking into this. I really appreciate it.
For multiple line addresses, there's actually an extended-address field that you can use. In your example, I would mark up "500 North Street" as street-address and "Suite 500" as extended-address.
The instant message handle is an interesting one. There is a "msg" sub-property of "tel" so you could do:
<span class="tel">
<abbr class="label type" title="msg">AOL IM</abbr>
<span class="value">aolimhandle99</span>
</span>
It's a bit unintuitive that instant message handles are contained within the "tel" field but that should work.
If you have any other questions, please let me know. I'll try to feed back a bit faster in future.
Once again, thanks for doing this.
Jeremy Keith Mar 22, 2010 11:12 AM
Doh! Sorry about the markup mangling. That should have been:
<span class="tel">
<abbr class="label type" title="msg">AOL IM</abbr>
<span class="value">aolimhandle99</span>
</span>
Emmett McLaulin Jun 9, 2010 11:30 PM
Sorry, if this is a total green horn question in advance. I have contacts that I would like to add. I see no fields for address at all. Am I missing something?
Emmett
Jason Zimdars
Jun 13, 2010 4:21 PM
Emmett, only companies (which people naturally fall under in Basecamp) have address information. I can see how it would be useful to have, though, and in fact we've been talking about revamping the people/company flow in Basecamp. We'll keep your feedback in mind.
Jason Zimdars
Jul 3, 2010 12:36 PM
Hey Jeremy,
We pushed an update to Basecamp last night that adds hCards markup to people and companies.
I'm sure at this point it's long past the original urgency of your request, but I wanted to let you know. Just a little side project that got pushed even further to the side ;)
I'm pretty happy with this added functionality so I intend to explore using hCards in other parts of our apps where it makes sense. So any thoughts on making this implementation better are appreciated.
Jeremy Keith Jul 4, 2010 10:32 AM
Fantastic! It's working a treat.
Much appreciated.
Have something to add? Sign in with your 37signals ID to reply.
