Topic-icon Content plugin - member and company - click /hover not working

Active Subscriptions:

None
The click and hover functions for the member and company content plugin are not working.

I don't see any errors in the console, and if I enable inline display everything works.

The following link has the 2 plugin options enabled, and is at the bottom of the article. The member link is set to display on hover, the company is set to inline.

I have cleared all the cache's but the problem persists.

kisswebdesign.co.uk/Portfolio/Martial-Arts-HTML-Template

Any help would be appreciated.

Chris.
The topic has been locked.
Active Subscriptions:

None
Additional...

Further investigation shows that the hover 'sort-of' works. The popup actually appears at the top of the page, even though the link is at the bottom, which is in the wrong place - and doesn't make any sense.

Hover on the link and scroll up to the top of the page, you will see the member profile.

Also, the 2 divs with classes jlinkedMember and jlinkedCompanyProfile appear at the top of the article and insert 2 blank lines. See dl.dropboxusercontent.com/u/26735641/jlinked-1.swf for a vid of what I mean.

Any help appreciated.

Chris.
The topic has been locked.
Active Subscriptions:

None
A little more investigating...

The member popup at the top of the page is an iframe with position:absolute; set. Removing that line allows the iframe to display next to the link. Further, adding vertical-align: top; to the iframe css shows the iframe to the right and below the link.

see dl.dropboxusercontent.com/u/26735641/jlinked-2.swf for a vid showing what I mean.

A little more CSS could position the iframe with the < ARROW pointing to the link.

I could hack the jlinked code and fix this for my site, but if there is a better way that would apply to everyone I would be happier.

Chris.
The topic has been locked.
Active Subscriptions:

None
I have changed the URL where the issue appears to kisswebdesign.co.uk/About/ - again it is at the bottom of the page, the author profile is a click link.

The author profile appears very low on the page - as opposed to at the very top as before - because I am now using the modules instead of the easy tags that I was using previously.

Chris.
The topic has been locked.
Support Specialist
Chris,
Sorry for the delay. There looks to be 2 things causing issues on your site. One is within JLinked, the other is with your template. The below should help you fix both.

The off-centering is caused by a style we're adding. My guess is that the style was required to fix issues with some templates and issues with LinkedIn widgets in general. It's doing the opposite on your site though. To fix, edit /libraries/sourcecoast/easyTags.php. Around line 367, you'll see:
$tagButtonText = '<div class="jlinkedMember"><style type="text/css">.IN-canvas-member iframe{left:20px !important; top:135px !important;}</style>';
Remove that whole style section so it just looks like:
$tagButtonText = '<div class="jlinkedMember">';

That should fix the positioning, but the module will likely be cutoff at that point. In your /templates/kwd-j3-bootstrap/assets/css/kwd-all.css file, edit the .collapse style and remove the 'overflow:hidden'. That should fix the cut-off issue.

I hope that helps, but if not, let me know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
Thanks Alex,

Changes made and it works as it should :-)

I actually removed the collapsible feature from the module position, rather than affect all the collapsible items on the site, but that effectively removed the "overflow: hidden;".

Thanks for your help.

Chris.
The topic has been locked.
Support Specialist
Chris,
Awesome! Glad to hear that worked. We'll have to investigate that style a little more, and likely remove it in the next release.

As for the collapse, I figured that'd be a bit overkill to remove that CSS, but I didn't know your template or module setup, so it was the best I could offer. Glad that got you going!

Thanks for your patience and feedback,
Alex
The topic has been locked.