BuddyPress.org

I’m trying to restyle the Inbox in Messages because the horizontal layout doesn’t fit in my column.

The form in template file messages/index.php is styled with a table. As soon as I take the table out and replace it with divs etc. the Ajax breaks, even if I keep all the IDs and classes in place.

Is the Ajax connected with the table itself? Where can I find the Javascript that does the mark as read/unread/delete stuff with the checkbox?

EDIT: I see in Firebug under DOM that “something” is using this selector:

#message-threads tr td input[type='checkbox']

It’s in _inc/js/ajax.js:

j("a#delete_sentbox_messages").click(

function() {

checkboxes_tosend = '';

checkboxes = j("#message-threads tr td input[type='checkbox']");

The Ajax code that follows is full with table#…, tr#… and td#… Was that really necessary? Can’t you just reference an element with just the ID of the element itself?