Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

If, however, you'd like to embed the discovery service in to an existing page template you have for your site (the behavior we'd expect for an production install) then make the following modifications to your HTML page:

  1. Within the head element add a link to the discovery service CSS page similar to:

    Code Block
    xmlxml
    <link rel="stylesheet" type="text/css" href="idpselect.css">
  2. Within the body element add the following div element in the location you wish to use for the upper-left corner of the discovery service (i.e., where you want it to start rendering):

    xml
    Code Block
    xml
    <div id="idpSelect"></div>
  3. At the bottom of the body element (just before the closing tag) add the following script definitions:

    xml
    Code Block
    xml
    <!-- Load languages scripts -->
    <script src="idpselect_config.js" type="text/javascript" language="javascript"></script>
    <script src="idpselect.js" type="text/javascript" language="javascript"></script>
    

Note

The <script> element must appear after the <div> element in the document.


Now, if you're testing against a brand new Service Provider 2.4 install you can test at this point (since 2.4 comes with the discovery data feed configured by default). If you upgraded to 2.4 from a previous version you will need to complete the Service Provider configuration steps given in the next section before you can test.

...