Agent profile call back
Taxonomic name: AGENT-CALLBACK
Beta v.1.1.0 - Updated 13/12/16.
This card is the form that allows users to request a call back (within the agent card)
- The agent callback card is a component within the overall agent card
- Only one call back link should be included per agent card.
Health Insurance Specialist
Dobromil Smith-Choromanska has been awarded an overall rating of 4 / 5 from 9130 customer reviews. Read the reviews for Dobromil Smith-Choromanska
Notes for developers
The section containing the call back form should be the last section on the page (before the contextual help bar and footer).
Ensure that the callback button within the agent profile card references the call back form eg.
<p><a class="btn btn--primary btn--full-width agent-profile__btn" href="#callback">Request call back</a></p>
To automatically open the call back area on page load add the additional class agent-callback--open.
To include a close button within the call back area use the following code.
<p class="agent-callback__close-btn"><a href="" class="btn btn--primary">Request call back</a></p>
Notes for testers
<div class="l-section t-accent-light t-accent-light--white agent-callback-wrapper"> <div class="l-content-container"> <div class="l-max l-max--10-col-large"> <div id="callback" class="agent-callback l-form--left-align" data-module="agent-callback"> <!-- Callback content (form/completed message) --> </div> </div> </div> </div>
The following table gives you a quick overview of the CSS classes that can be applied.
||Base style for the section containing the callback form so that its hidden with JS is available||Yes||
||Base style the container directly containing the form / completed message||Yes||
||Modifier to automatically show call back area on page load||
||Base style to add functionality to close button added within call back area||