Developers
Authorization
API Resources
NL Interpreter
Search
Benti
Last Chance
The "last chance" component is a modal window that returns search results when a user wants to initiate a contact. As the name indicates, it is the last try to get a match before a ticket is created.
Component image
HTML structure
<div class="inbenta-search-last-chance inbenta-search-modal">
<div class="inbenta-search-last-chance__content">
<div class="content__header">
<div class="content__header__text">
Maybe this interests you...
</div>
<div class="content__header__button-wrapper">
<div class="inbenta-search-button">
<button class="inbenta-search-button__icon inbenta-search-icon inbenta-search-icon--close"></button>
<span class="inbenta-search-button__text">Close</span>
</div>
</div>
</div>
<div class="content__body">
<div class="inbenta-search-results">
...
</div>
</div>
<div class="content__footer">
<div class="inbenta-search-button">
<span class="inbenta-search-button__icon inbenta-search-icon inbenta-search-icon--cancel"></span>
<span class="inbenta-search-button__text">Cancel</span>
</div>
<div class="inbenta-search-button">
<span class="inbenta-search-button__icon inbenta-search-icon inbenta-search-icon--submit"></span>
<span class="inbenta-search-button__text">Submit</span>
</div>
</div>
</div>
</div>CSS editable properties
| Class | Properties |
|---|---|
.inbenta-search-last-chance |
position, display, background ... |
.inbenta-search-last-chance__content |
display, background, shadow ... |
.content__header |
display |
.content__header__text |
font |
.inbenta-search-button |
Inherit from Globals |
.inbenta-search-button__icon |
Content |
.inbenta-search-button__text |
Hidden by default |
.content__body |
This element is strictly structural |
.inbenta-search-results |
Container of Results |
.content__footer |
This element is strictly structural |
.inbenta-search-button |
Inherit from Globals (some overrides apply) |
.inbenta-search-button__icon |
Undefined |