Modify the social login UI
__MAGIC_BLOCK_0__
After adding the Social Login code you obtained from the Social Login Dashboard, your document will look something like this:
<script>
(. function(){
if(typeofwindow.janrain !== 'object')window.janrain = {};
if(typeofwindow.janrain.settings !== 'object')window.janrain.settings = {};
janrain.settings.tokenUrl = 'https://www.example.com/token.php';
function isReady(){janrain.ready = true;};
if(document.addEventListener){
document.addEventListener("DOMContentLoaded",isReady,false);
}else{
window.attachEvent('onload',isReady);
}
var e = document.createElement('script');
e.type = 'text/javascript';
e.id = 'janrainAuthWidget';
if(document.location.protocol === 'https:'){
e.src = 'https://rpxnow.com/js/lib/app-name/engage.js';
}else{
e.src = 'http://widget-cdn.rpxnow.com/js/lib/app-name/engage.js';
}
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(e,s);
})();
</script>
Add the following line to your JavaScript file:
janrain.settings.custom = true;
Now you’ll be able to build your own Social Login experience using our JavaScript API.
Updated almost 3 years ago
