I would like to use an image map for my Rpx/Janrain basic account instead of the widget they provide. I have tried looking through the javascript file, but it is minified so useless to me.
I just want the "login buttons" to be displayed in my header image with an area map and depending on the image area clicked launch in to the login for that service.
Thanks!
A bit late to the game but I will answer this for posterity. Unfortunately this isn't possible with the Basic app. Pro level and up allows you to customize your method of login. You would set janrain.settings.custom = true; in the settings in the head and use the janrain.engage.signin.triggerFlow(provider) function in the image map areas to kick off the various identity provider sign in pages.
See http://developers.janrain.com/documentation/widgets/social-sign-in-widget/users-guide/coding-the-widget-appearance/ for examples.
Related
I have created custom application with static tabs defined in manifest file and it is working fine.
Now, our requirement is that we need to render static (personal) tabs dynamically according to provided Site URL by customer.
For ex. When application installed in teams user will get screen where he will asked for Site URL (API) in textbox and submit it. This will internally check data and give response with tab name, tab URLs and other details then I need to render this tabs dynamically in teams.
enter image description here
Please provide solution for this how I can achieve this ?
It is not possible to add static tabs dynamically. Static or personal tabs are always added through the app manifest and are common to all the users using the app. If you want to configure what tabs to show you can try using a channel tab.
As Gousia said, you can't set the contents of the tab dynamically, and you can't add/remove personal tabs programmatically, but what you could try is having your "tab" be just an iframe host, with width/height basically set to 100%, and then dymically loading the content of the iframe
I just added an OpenGraph image to a site I'm working on and using the FB Debugger the info retrieves the correct image, however when sharing the url I still see default images being displayed (there was no specified OG image before). Is there something I'm missing here? The site uses a custom Python based framework and image is served via gzip from an Amazon EC2 instance, if that would affect the output in any way.
The problem is not with your website.
Facebook takes some time to refresh images inside facebook.com even though you can see the changes on Facebook Debug Tool.
In order to view your new image inside Facebook you can do two things:
Manipulate a little the URL you are trying to share, this way
Facebook will fetch the open graph data again.
Just give it some
time, it will be refreshed after a few hours.
There are three way to change your image you need to clear the
1) Manually clear facebook catch using the https://developers.facebook.com/tools/debug/ facebook tool
2) Add version code end of the url like ?v=1
3) write the GraphAPI code from when you click on the share button it will clear the facebook page cache.
I have a registration form completed and would like to add a profile picture upload. Once the user clicks the browse, he can select the photo. Then he clicks ok/apply/ok and then the photo is reflected in the thumbnail area without page refreshing.
Once the user is happy with all fields input he can submit the form and with it the photo of course.
Anything that does this exists out there already? If not, please provide guidance on how to establish this feature.
Thanks,
I'm not aware of a ready made solution for this but there probably is something :-)
However, with Laravel this is beautifully simple. You've tagged your question ajax but I'll answer this assuming you're going to use an old fashioned server round trip (i.e a form submit).
1) In your template, add a file element to the form. http://laravel.com/docs/html#file-input
2) Add some javascript to the page that detects when a file is selected and shows the preview. Extensive tutorial here: http://www.html5rocks.com/en/tutorials/file/dndfiles/
3) In your controller, handle the file using the Input facade. http://laravel.com/docs/requests#files
When I publish an action from my facebook open graph app I can set the picture that will show on news feeds and on the timeline, but when I hover over the story in the timelone I am still seeing the default open graph icon (this one) -
I use the javascript SDK to publish activities from my app like this -
FB.api(
'/me/{MNAMESPACE{:{ACTION}?{OBJECT}={URL}&image=PATH_TO_IMAGE,
'post'
);
I've tried sending more than one image as the image field in the actions properties is an array so have used this -
FB.api(
'/me/{MNAMESPACE{:{ACTION}?{OBJECT}={URL}&image=PATH_TO_IMAGE1,PATH_TO_IMAGE2,
'post'
);
but that still does not work. Can anyone point me in the right direction?
thanks
Put the image on your object not your action.
I want to show a Like button on some product pages on a website, when a user clicks Like, I want to show the product image along with the link on their wall. Can this be done without an API key?
YOu dont need a API key to add FB like to your website, just copy the iframe code and past it into your HTML.
Check this out for your info:
http://developers.facebook.com/docs/reference/plugins/like/
You can not publish to a users wall without permission to do so. And to get this permission you need an API that the user authorizes.
Also I don't think that a user wants a wall post when simply clicking on 'like'. It will appear on his wall anyway as 'xy likes this'.
I'm a Platform Engineer, you can choose the image and text that gets displayed in the news feed when the user clicks the like button by using Open Graph tags in addition to the like button.
https://developers.facebook.com/docs/opengraph/
I hope this helps!
J