: "Likes Received" layout issues and Like bug


mguertin
Feb 14th, 2011, 04:38 PM
I know this is a bit of a hot topic right now but ... the layout doesn't work so well, will probably get worse once things start to pile up in there. See attached screen snap. This is with Safari 5.0.3.

Also of note, when clicking the Like link the javascript that handles it should probably end in a "return false" so we don't get redirected back to the top of the page (due to it trying to load a blank hash link at the end of the url , i.e. "#").

mguertin
Feb 14th, 2011, 04:43 PM
Also of note, when clicking the Like link the javascript that handles it should probably end in a "return false" so we don't get redirected back to the top of the page (due to it trying to load a blank hash link at the end of the url , i.e. "#").

I retract this part of the bug, it already seems to be fixed :)

ehMax
Feb 14th, 2011, 04:46 PM
I retract this part of the bug, it already seems to be fixed :)

I agree the layout in the member profile area is awful and needs to be changed.

The other one which I think will be the first thing, is ability to turn off notifications, or someway to modify that part.

mguertin
Feb 14th, 2011, 05:28 PM
I agree the layout in the member profile area is awful and needs to be changed.

The other one which I think will be the first thing, is ability to turn off notifications, or someway to modify that part.

Yep that would be welcome :)

The issue with this particular layout is the HTML it is generating, if you look into it you'll see that it seems to have unmatched li tags within that area and is missing either ul or ol around them (which are likely what is causing the increasing indents). The layout issue would probably be the same in chrome and any other webkit based browser. It only seems to be an issue within the new Likes tab from what I can tell, but I didn't dig too heavily into it.

mguertin
Feb 14th, 2011, 05:38 PM
I take that back, they are enclosed by ol, but there are li tags and div tags not properly closed until the very end of all the code (i.e. all the </div> and </li> tags are at the very end. I highlighted the missing parts as well as the parent tags that they belong to in red within the code block for ease of explanation.

Here's the HTML in question from my profile:

ehMac.ca - View Profile: mguertin (http://www.ehmac.ca/members/mguertin.html?tab=likes_received#likes_received)


<ol class="alt1 block_row list_no_decoration" id="likes_list">
<li class="floatcontainer" id="like_1060852">

<div class="fixed_width_avatar">
<a href="http://www.ehmac.ca/members/krs.html" class="avatarlink"><img class="alt2 avatar" border="0" src="http://www.ehmac.ca/avatars/krs.gif?dateline=1154917840" alt="krs" width="60px" height="60px" title="krs"></a>
</div>
<div class="visitor_message_avatar_margin">

<div class="tborder info_bar">
<div class="alt2 smallfont">
krs liked post by <a href="http://www.ehmac.ca/members/mguertin.html">mguertin</a> On thread : <strong>"Likes Received" layout issues and Like bug</strong>
</div>
</div>
<div class="visitor_message_body">
<a href="http://www.ehmac.ca/info-centre/93037-likes-received-layout-issues-like-bug.html#post1060852">I know this is a bit of a hot topic right now but ... the layout doesn't work so well, will probably get worse once things start to pile up in there. See attached screen snap. This is with Safari...</a>
<div class="smallfont">
Liked On: Today, <span class="time">05:00 PM</span>
<br>Posted On: Today, <span class="time">04:38 PM</span>
</div>
</div>
(missing </div> and </li> here)
<li class="floatcontainer" id="like_1060597">

<div class="fixed_width_avatar">
<a href="http://www.ehmac.ca/members/diveman.html" class="avatarlink"><img class="alt2 avatar" border="0" src="http://www.ehmac.ca/avatars/diveman.gif?dateline=1289918932" alt="diveman" width="60px" height="60px" title="diveman"></a>
</div>
<div class="visitor_message_avatar_margin">

<div class="tborder info_bar">
<div class="alt2 smallfont">
diveman liked post by <a href="http://www.ehmac.ca/members/mguertin.html">mguertin</a> On thread : <strong>Vintage Traynor Speaker Identification</strong>
</div>
</div>
<div class="visitor_message_body">
<a href="http://www.ehmac.ca/everything-else-eh/93012-vintage-traynor-speaker-identification.html#post1060597">For your usage as long as they don't sound too rough they would likely work out pretty well for you. They might be a bit underpowered depending on the size of the room but bang for the buck they...</a>
<div class="smallfont">
Liked On: Today, <span class="time">04:26 PM</span>
<br>Posted On: Yesterday, <span class="time">11:09 PM</span>
</div>
</div>
(missing </div> and </li> here)

<li class="floatcontainer" id="like_1060599">

<div class="fixed_width_avatar">
<a href="http://www.ehmac.ca/members/pm-r.html" class="avatarlink"><img class="alt2 avatar" border="0" src="http://www.ehmac.ca/avatars/pm-r.gif?dateline=1249413965" alt="pm-r" width="60px" height="60px" title="pm-r"></a>
</div>
<div class="visitor_message_avatar_margin">

<div class="tborder info_bar">
<div class="alt2 smallfont">
pm-r liked post by <a href="http://www.ehmac.ca/members/mguertin.html">mguertin</a> On thread : <strong>mac repair in Sudbury, ON?</strong>
</div>
</div>
<div class="visitor_message_body">
<a href="http://www.ehmac.ca/mac-ipod-help-troubleshooting/93019-mac-repair-sudbury-post1060599.html">Avoid North Star like the plague ... I had the misfortune of having to deal with them, and later having to clean up after them. My last visit to their shop I stood un-noticed for a few minutes in...</a>
<div class="smallfont">
Liked On: Yesterday, <span class="time">11:27 PM</span>
<br>Posted On: Yesterday, <span class="time">11:16 PM</span>
</div>
</div>
(missing </div> and </li> here)

<li class="floatcontainer" id="like_1060449">

<div class="fixed_width_avatar">
<a href="http://www.ehmac.ca/members/diveman.html" class="avatarlink"><img class="alt2 avatar" border="0" src="http://www.ehmac.ca/avatars/diveman.gif?dateline=1289918932" alt="diveman" width="60px" height="60px" title="diveman"></a>
</div>
<div class="visitor_message_avatar_margin">

<div class="tborder info_bar">
<div class="alt2 smallfont">
diveman liked post by <a href="http://www.ehmac.ca/members/mguertin.html">mguertin</a> On thread : <strong>Vintage Traynor Speaker Identification</strong>
</div>
</div>
<div class="visitor_message_body">
<a href="http://www.ehmac.ca/everything-else-eh/93012-vintage-traynor-speaker-identification.html#post1060449">L&amp;M would be the best place to get them identified for sure. Worst case they can pop them open and tell you at least what the components can handle power wise.

Just guessing but they are probably...</a>
<div class="smallfont">
Liked On: Yesterday, <span class="time">02:59 PM</span>
<br>Posted On: Yesterday, <span class="time">01:43 PM</span>
</div>
</div>

(missing </div> and </li> here)

(All the missing </div>'s and </li>'s are here)


</div>
</li></div></li></div></li></div></li></ol>

mguertin
Feb 14th, 2011, 05:46 PM
Also the Likes Received tab is missing unless you specifically follow a link that goes to that tab. If you just got to the main profile there is no Likes Received tab at all.

Was this a VB addon or something that someone worked up custom? Just curious.

mguertin
Feb 23rd, 2011, 01:13 PM
This could really use some attention ... it's to the point where things are getting unreadable ...

ehMax
Feb 23rd, 2011, 11:50 PM
This will be fixed hopefully in the next couple of weeks. :)

----

Just wanted to mention one other thing about the like feature. There's a rumour floating around that I paid lots of money for this feature, and that's why I was holding onto it so tight.

Truth is, this feature was a completely free add-on to the software I already own for a long time called vBSEO. My tech just installed a free security update, and this feature was available in beta to try out. I saw it on several other forums that were trying it out, and well... I liked it. :)

There is an update to it coming out "Soon", which I'm hoping will address some of the bugs and annoyances. If it doesn't come out in the next couple of weeks, I will temporarily disable.

The G3 Man
Feb 26th, 2011, 07:23 PM
Likes makes the site much more klunky.

+1 works much better :)

-MMF

cap10subtext
Apr 22nd, 2011, 01:53 AM
I like the likes, but the layout of the likes received page is now unreadable. So it would be great to get fixed. :)

rgray
Apr 22nd, 2011, 07:27 AM
(Feb 23rd, 2011, 11:50 PM) This will be fixed hopefully in the next couple of weeks. :)

:confused: :confused:

SINC
May 11th, 2011, 09:19 PM
Frankly the "likes" thing look to me to be a failed experiment that appears to be forgotten after a very forceful implementation.

mguertin
May 11th, 2011, 09:47 PM
Frankly the "likes" thing look to me to be a failed experiment that appears to be forgotten after a very forceful implementation.

Actually it gets used quite a lot. I like it personally (no pun intended!) .. the layout of what it looks like on your profile page leaves a lot to be desired though. Rookie html errors by whoever coded the add on.

jawknee
May 11th, 2011, 09:53 PM
Actually it gets used quite a lot. I like it personally (no pun intended!) .. the layout of what it looks like on your profile page leaves a lot to be desired though. Rookie html errors by whoever coded the add on.

Agreed!

SINC
May 11th, 2011, 09:53 PM
Actually it gets used quite a lot. I like it personally (no pun intended!) .. the layout of what it looks like on your profile page leaves a lot to be desired though. Rookie html errors by whoever coded the add on.

You are right about the coding, but if you "like" it, fill your boots. I've never used it, never will and continue to be inconvenienced having to clear that crap out of my notifications box. Lame at best, unless of course it was removed from the notifications area. Now THAT I would like. ;)

mguertin
May 12th, 2011, 12:16 AM
You are right about the coding, but if you "like" it, fill your boots. I've never used it, never will and continue to be inconvenienced having to clear that crap out of my notifications box. Lame at best, unless of course it was removed from the notifications area. Now THAT I would like. ;)

I agree, the ability to turn off the notifications would not be unwelcome :)

ehMax
May 13th, 2011, 10:57 AM
It doesn't look like the guys who made this feature are adding the ability to turn notifications off any time soon.

We are moving to a new board system in a few months, and it also appears that the "like" data here will be able to be migrated over. I've repeatedly sent emails asking, but I never get a reply.

I might turn this feature off for a bit and when we move to the new system, it has it's own similar feature which is appears to be a hybrid of the "like" and "+1" system.

mguertin
May 14th, 2011, 04:46 PM
Another feature gone :( Even with the layout bugs and the lack of ability to turn off the notifications I thought it was pretty useful, but I guess all of our "likes" have gone the way of our reputations in the classifieds, all the photos from our photo galleries, etc. It's kind of annoying to have the community spend time and effort on things and then one day *poof* they are gone, bugs or no bugs.

ehMax
May 14th, 2011, 06:56 PM
I know. :-(

If I get an answer that the data is transferable, I'll turn it back on.

eMacMan
May 16th, 2011, 12:03 PM
I rather liked the likes, except for the way they overran the notifications box.

Will hope the next generation works out better.