Topic-icon {JLinkedMember}

Active Subscriptions:

None
10 years 10 months ago #33637 by jdekempenaer
{JLinkedMember} was created by jdekempenaer
Hi Alex,

I am integrating some LI member profiles on a site that I am working on. I am using {JLinkedMember} tag with following parameters

{JLinkedMember href=http://www.linkedin.com/in/juliusdekempenaer display_mode=icon_name display_behaviour=click display_text=Julius de Kempenaer related=false}

I ran into following issues:
When the article is long and the top of the article is off the screen and a user clicks or hovers over the icon the LI profile will not be visible as it is displayed at the top of the article. It will come up but "above your screen" if you scroll up again the profile will be visible.
It seems that display_behaviour=click or hover does not make any difference or at least when it is set to click the profile will also show up on hover.
Is it possible to have one of these "view my profile on linkedin" or "my linked in profile" buttons instead of the standard (small)icon?, this is not really an issue but more a 'nice to have' ....

jk
The topic has been locked.
Support Specialist
10 years 10 months ago #33668 by alzander
Replied by alzander on topic {JLinkedMember}
jk,
Sorry you're running into the issues you mention. I'm not sure why the profile would popup in a fixed position higher up on the screen. That likely means there's something in your template's CSS that's causing it to be in a different place than it should display. Is it possible to post, or private message, me a link to a page where we can see the problem in action? That will help us narrow things down.

For the hover/click, that setting only works if you're using one of the icon modes, not inline. I'm assuming you are, but just wanted to the point that out. Again, we'll be able to see more when we see a page the member profile is configured on.

Is it possible to have one of these "view my profile on linkedin" or "my linked in profile" buttons instead of the standard (small)icon?, this is not really an issue but more a 'nice to have' ....

Can you explain a little more about what you mean here?

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

None
10 years 9 months ago #33891 by jdekempenaer
Replied by jdekempenaer on topic {JLinkedMember}
Hi Alex,

The page where I have the situation where the profile pop-up pops up "above" the page, 'off screen' so to say is on this link
test.talergroup.com/index.php/who-we-are/advisory-board
if you scroll down and hover over one of the links you will not see the popup but when you scroll up you will see the box popped up somewhere near the top of the page.

A more general thing with this type of link is that i noticed that the setting click or hover does not seem to get respected, the popup always shows up on hover even if set at click...

jk
The topic has been locked.
Support Specialist
10 years 9 months ago #33944 by alzander
Replied by alzander on topic {JLinkedMember}
jk,
Very sorry for the delay in getting back to this. The issue looks to be caused from some styles that we (JLinked) are inserting. My guess is that these styles were required at some point to fix some graphic issues with the Member widget, but aren't necessary anymore.

If you can make the following edit and test, it should fix the location of those popups. To do so, please edit the /libraries/sourcecoast/easyTags.php file. Around line 359, you'll see the following code:
$tagButtonText = '<div class="jlinkedMember"><style type="text/css">.IN-canvas-member iframe{left:20px !important; top:135px !important;}</style>';
        $tagButtonText .= '<span class="IN-canvas-member"><script type="IN/MemberProfile"';
Please update that by removing the entire style code from the first line so it looks like:
$tagButtonText = '<div class="jlinkedMember">';
        $tagButtonText .= '<span class="IN-canvas-member"><script type="IN/MemberProfile"';
Let me know how that goes and we'll likely add it to the next release as well.

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

None
10 years 9 months ago #34007 by jdekempenaer
Replied by jdekempenaer on topic {JLinkedMember}
hi alex,
no worries about delay. i changed that code (removed style) but unfortunately it did not solve the problem ....
julius
The topic has been locked.
Support Specialist
10 years 9 months ago #34016 by alzander
Replied by alzander on topic {JLinkedMember}
That code is still be inserted into the page. Can you verify that it's been removed and saved properly? If so, can you clear any Joomla caches you have and try again? That should be the fix, but if it's removed on the page and still shows in the wrong place, we'll gladly help figure out what else may be wrong.

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

None
10 years 9 months ago #34051 by jdekempenaer
Replied by jdekempenaer on topic {JLinkedMember}
you got it !
i tried it and when it did not work reverted back to the original file. probably the cache prevented it from being ok first time.
tried it again and now it works. only a small new problem arises. the last link on the page close to the bottom when clicked opens the popup "below" the next module which is just below the 'article' .... nothing major and i can solve it by adding a cpl returns at the end of the article to create some more whitespace but it maybe something to have a look at.
thx for the help !
The topic has been locked.
Support Specialist
10 years 9 months ago #34080 by alzander
Replied by alzander on topic {JLinkedMember}
It's an overflow issue, and not something we can fix. The content of that popup is 'within' the container area for your article. Your #s5_columns_wrap and #s5_center_column_wrap_inner divs which contain that have the CSS of overflow:hidden set, which means the popup can't expand outside the boundaries.

Usually, removing that overflow:hidden value would fix the issue, but it causes havoc on your site, so I wouldn't recommend it. I think the best/only options are to:
* Move the "In" tag under their name, instead of the bottom of the article
* Add the carriage returns at the end, like you mentioned

I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 9 months ago #34109 by jdekempenaer
Replied by jdekempenaer on topic {JLinkedMember}
thx for the help Alex!
the divs are coming from the s5 vertex template, i m not going to alter those.. as you are right it will create havoc. I will fix it with one of the two solutions either move the link up below the name or add some white space at the bottom.
The topic has been locked.
Support Specialist
10 years 9 months ago #34115 by alzander
Replied by alzander on topic {JLinkedMember}
No problem for the help, it's what we're here for. I'm glad one of those options work for you. As always, should you need anything else, just let us know.

Thanks, and good luck,
Alex
The topic has been locked.