Description
Care Innovations has developed an interactive Coronavirus (COVID-19) Self-Checker widget that helps you quickly find information about the new coronavirus and COVID-19. Use our interactive tool to check yourself for coronavirus symptoms. You will have access to health information related to COVID-19 as well as a connection to programs to help you in the event you are at risk or become ill.
Properties
Name | Type | Default | Description |
id | string | health-bot | Unique id for the health bot widget. Must be unique if more than one healthbot exists on the page. |
data-scenario | string | covid19_assessment | Health bot scenario to load. |
data-title | string | Coronavirus Self-Checker | Title of the health bot panel. |
data-button-title | string | Check My Symptons | Direction the health bot panel loads from. |
data-align | 'left' | 'right' | 'top' | 'bottom' | right | Direction the health bot panel loads from. |
data-token-url | string | https://healthbotcontainersample1336.azurewebsites.net/ChatBot | Authentication url to retrieve the JWT token. |
data-button-style | string | Custon buttom style. | |
data-title-style | string | Custon panel title style. | |
data-title-background-style | string | Custon panel title background style. | |
data-title-icon-style | string | Custon panel close icon style. |
Demos
Slide from right
Slide from left
Slide from top
Slide from bottom
Custom styles
Code Examples
Basic
<health-bot /> <script type="text/javascript" src="https://careinnovations.com/public/health-bot-widget.min.js"></script>
Custom
<health-bot id="health-bot" data-scenario="covid19_assessment_trialjectory" data-title="Coronavirus Self-Checker" data-button-title="Check My Symptons" data-align="right" data-token-url="https://healthbotcontainersample1336.azurewebsites.net/ChatBot" /> <script type="text/javascript" src="https://careinnovations.com/public/health-bot-widget.min.js"></script>
Custom styles
<health-bot id="health-bot" data-scenario="covid19_assessment_trialjectory" data-title="Coronavirus Self-Checker" data-button-title="Check My Symptons" data-align="right" data-button-style="background-color: blue" data-title-style="color: orange" data-title-background-style="background-color: black" data-title-icon-style="color: orange" /> <script type="text/javascript" src="https://careinnovations.com/public/health-bot-widget.min.js"></script>