I installed the module and it appears to be working correctly from an admin perspective. The module's css, js, and plugins directories all appear to be working fine. I've added three providers in the admin interface: Facebook, Twitter, and AOL. The anonymous user has permissions to use HybridAuth. Yet when I look at the login screen, this is what is shown:

Only local images are allowed.

And here's the HTML as visible in Chrome's inspector:

<ul class="hybridauth-widget">
<li class="first"><a href="/hybridauth/popup/Facebook?destination=node/1" title="Facebook" class="hybridauth-widget-provider" rel="nofollow"><span class="hybridauth-icon hybridauth-facebook" title="Facebook"></span></a></li>
<li><a href="/hybridauth/popup/Twitter?destination=node/1" title="Twitter" class="hybridauth-widget-provider" rel="nofollow"><span class="hybridauth-icon hybridauth-twitter" title="Twitter"></span></a></li>
<li class="last"><a href="/hybridauth/popup/AOL?destination=node/1" title="AOL" class="hybridauth-widget-provider" rel="nofollow"><span class="hybridauth-icon hybridauth-aol" title="AOL"></span></a></li>
</ul>

Can anyone think of what might be happening here?

CommentFileSizeAuthor
#6 MissingIcons.jpg1.04 MBAnonymous (not verified)

Comments

duozersk’s picture

duozersk
he/him
Primary language Russian
Location Moscow
commented
Assigned: Unassigned » duozersk

Tim,

Your HTML markup for the widget is completely fine, can you check what icon pack you have set in the HybridAuth widget settings?

Please also select the span element using Chrome's inspector, for instance:
<span class="hybridauth-icon hybridauth-facebook" title="Facebook"></span>
and see its background property - is it empty? does it have a link to the icon? is this link accessible by the browser?...

Thanks
AndyB

timboisvert’s picture

timboisvert commented

The Icon Package is set to "Default 32px." I've tried it with all the Default sizes -- none of them appear.

When I look at the span in the inspector, there is no background property. It looks like it's not even loading any styles from HybridAuth. That's odd, since the css directory in the module is definitely present. Do I have to do something to enable the CSS?

Thank you for all your help.

Tim

timboisvert’s picture

timboisvert commented

One more thing. It looks like the JS isn't being loaded, either. When I go to my site's "/user/login" page, the widget is clearly loaded as I can see the UL and spans as I noted in my original comment, but neither hybridauth.js or hybridauth.css are included. That may be the culprit, but I'm unclear on how to resolve it.

Tim

duozersk’s picture

duozersk
he/him
Primary language Russian
Location Moscow
commented

Tim,

Yep, then the problem is definitely about loading HybridAuth js and css files.
What kind of caching system are you using if any at all?
Do you use js or css aggregation?
Can I somehow take a look at your site pages?

Thanks
AndyB

duozersk’s picture

duozersk
he/him
Primary language Russian
Location Moscow
commented
Status: Active » Closed (cannot reproduce)

Closing it as no activity for 2 months.

Thanks
AndyB

Anonymous’s picture

Anonymous (not verified) commented
StatusFileSize
new MissingIcons.jpg1.04 MB

Issue is exactly what I'm experiencing even using 7.x-2.8-rc1 as noted in this issue: https://www.drupal.org/node/2055773

Missing Icons

I have tried all icon packs and checked to make sure the icons are in the module directory. Everything gets loaded except the icons.

Anonymous’s picture

Anonymous (not verified) commented
Status: Closed (cannot reproduce) » Active

Updated to 7.x-2.8, all caching disabled, issue persists. Reopening issue. Please advise.

Anonymous’s picture

Anonymous (not verified) commented

This issue seems related to my domain. I am using Pantheon remote dev server to build out this site. On the Pantheon dev sub-domain (e.g live-sitename.getpantheon.com) I cannot see the icons. However they do appear in the admin, in the block and in the login form when I navigate to my local domain running on MAMP (e.g. sitename.loc). I don't see why this should make a difference. But it does. Any thoughts?

duozersk’s picture

duozersk
he/him
Primary language Russian
Location Moscow
commented

Joel,

Thank you for using the module.
I have no idea what might cause this - you'd better consult the guys in GetPantheon. Let me know about the results.

Thanks
AndyB

Anonymous’s picture

Anonymous (not verified) commented

Thanks for the reply. I will be asking them about it in IRC. I have launched the site now and thought that maybe after I moved to using the site domain instead of the pantheon subdomain that it might just fix the issue but it didn't. It's very strange. Works fine locally. Everything works except the loading of the icon packs on the dev and live domains. IDK. /me shakes head...

duozersk’s picture

duozersk
he/him
Primary language Russian
Location Moscow
commented
Version: 7.x-2.6 » 7.x-2.8
Assigned: duozersk » Unassigned
Status: Active » Postponed (maintainer needs more info)

Joel,

Any news from Pantheon?

AndyB

qriff’s picture

qriff commented

The documentation at http://cgit.drupalcode.org/hybridauth/tree/README.txt doesn't mention that you must enable Drupal's internal OpenID module for Steam auth to work (Available: Yes/No).

The CSS file \drupal\htdocs\sites\all\modules\hybridauth\plugins\icon_pack\hybridauth_32\hybridauth_32.css is missing the icon definition for Steam .hybridauth-steam-hybridauth-32 and probably other icon packs too.

Steam icon file is missing from: \drupal\htdocs\sites\all\modules\hybridauth\plugins\icon_pack\hybridauth_32\icons and probably other icon packs too.

With theese changes I have a working Steam auth.
btw. With a three level domain, url http://example.something.com.

Now if we only could get OpenID auth to this site.

duozersk’s picture

duozersk
he/him
Primary language Russian
Location Moscow
commented

griff,

The documentation at http://cgit.drupalcode.org/hybridauth/tree/README.txt doesn't mention that you must enable Drupal's internal OpenID module for Steam auth to work (Available: Yes/No).

You absolutely don't need the core OpenID module for the Steam provider from HybridAuth to work.

The CSS file \drupal\htdocs\sites\all\modules\hybridauth\plugins\icon_pack\hybridauth_32\hybridauth_32.css is missing the icon definition for Steam .hybridauth-steam-hybridauth-32 and probably other icon packs too.

Yes, the icon packs are incomplete, and it is not really an issue as the README.txt file contains instructions on how to create your own icon pack. However, I do accept patches adding missing icons to the default icon packs.

Thanks
AndyB

hvezda’s picture

hvezda commented
Version: 7.x-2.8 » 7.x-2.9
Priority: Normal » Major

I am experiencing the same problem. It was working a couple of days ago and now not all the icons are displaying (nothing has changed on my site in the meantime). I updated to version 7x-2.9 of the module and am still experiencing this issue. Countless flushing of the cache makes no difference. I also do not have css or javascript aggregation turned on.

On the Authorization Providers configuration screen, I see the same problem - some of the icons are not being loaded. I have checked the directory where the icons are located and they are all there. The span tag for loading the icons is there, but the message is: failed to load image at url icons/linkedin.png.

Facebook, twitter, linkedin and google are all failing to load, both on my sites login screen and on the Authorization Providers configuration screen. Something very weird is going on - Please advise. I am glad to see that I am not the only one experiencing this issue.