Screen-set Hosted on Gigya Demo

Skip to end of metadata
Go to start of metadata

Introduction

The following example shows the default screen-set generated by Gigya's UI Builder tool. The screen-set is hosted on Gigya's server, and loaded to the web-page using the accounts.showScreenSet API method.

See it in Action 

Click the button below to toggle between desktop and mobile screen-sets. Click the links to see the Login, Registration or Edit Your Profile screens. The code for each example is displayed below it.

 

 

Desktop Screen-set

Login  |   Register


Edit Your Profile


Logout

Check Out the Desktop Code

<html>
<head>
    <title></title>
    <SCRIPT type="text/javascript" lang="javascript" src="https://cdns.gigya.com/js/gigya.js?apikey=3_mK2cmEzLkzhqe4MUrtPncxbv4wKsYAhsew0iVwhVUls3c_Jx_HLX434jAVpq5M_W"></SCRIPT>
</head>
<body>
<div id="runningCodeExample" style="border: 1px solid skyblue; padding: 15px; width: 300px;">
<a href="#" onclick="gigya.accounts.showScreenSet({screenSet:'NewRaas4nov15-RegistrationLogin'});">Login</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a href="#" onclick="gigya.accounts.showScreenSet({screenSet:'NewRaas4nov15-RegistrationLogin', startScreen:'gigya-register-screen'});">Register</a>
        </br></br></br>
        <a href="#" onclick="gigya.accounts.showScreenSet({screenSet:'NewRaas4nov15-ProfileUpdate'});">Edit Your Profile</a>
        </br></br></br>
        <a href="#" onclick="gigya.accounts.logout({callback:onLogout});">Logout</a>
<script>
    function onLogout(response) {  
        if ( response.errorCode == 0 ) {               
            alert('You are now logged out');
        }
        else {
            alert('Error :' + response.errorMessage);
        }
    }
</script></div>
</body></html>
 

Notes:

In order to make the above code work in your environment, please note:

  • The API key in the sample will only work on http://localhost/...
  • To load the page from your domain, modify the value of the "APIKey" field in the code to your own Gigya API Key. A Gigya API Key can be obtained from the Site Dashboard page on Gigya's website. Please make sure that the domain from which you are loading the page is the same domain name that you used for generating the API Key.
  • If you are using https, be sure to further adjust the JS API url to: https://cdns.gigya.com/js/gigya.js?apikey=<Your_API_Key>.