Home

Developer Guide

Full Application

You can find a working version of the full application here.

To get started with using the FAD SAAS Widget application on your HTML page, you will need three items:

  1. A script tag with a link to the JavaScript file
  2. A custom element on your HTML page where you want the FAD SAAS application to appear
  3. A path where the application will live relative to the site root. For example, if you are hosting the app at https://www.example.com/search/doctors, the path you will need would be /search/doctors.

Once added to the page, your code snippet should look like this:

For single column design:

<fad-find-a-doctor configuration-url="/fad-widget/fad-configuration.json" fad-base-url="/example-application" base-url="" single-column="true"></fad-find-a-doctor>

<script type="text/javascript" src="https://fad.dignityhealth.org/fad-saas.js"></script>

For full width design:

<fad-find-a-doctor configuration-url="/fad-widget/fad-configuration.json" fad-base-url="/example-application" base-url=""></fad-find-a-doctor>

<script type="text/javascript" src="https://fad.dignityhealth.org/fad-saas.js"></script>

Please note that the order of the elements is important, and the custom element should come first.

Element Options

There are options available to further customize the behavior of the application. They are added as attributes on the custom element that you included in the browser, and are not required for the component to function.

Attribute Description Type
configuration-url Path to the JSON file that you provide string
single-column Make it TRUE, to change the view of the FAD-Widget boolean
fad-base-url Path for FAD SaaS landing page string

Element Options

Attribute Description Type
configuration-url Path to the JSON file that you provide string
fad-base-url Path for provider-cards page string