NOTICE: Any content you submit to the RTI Research Community Portal, including personal information, is not subject to the protections which may be afforded to information collected under other sections of RTI's Web site. You are entirely responsible for all content that you upload, post, e-mail, transmit or otherwise make available via RTI Community Portal. RTI does not control the content posted by visitors to RTI Community Portal and, does not guarantee the accuracy, integrity, or quality of such content. Under no circumstances will RTI be liable in any way for any content not authored by RTI, or any loss or damage of any kind incurred as a result of the use of any content posted, e-mailed, transmitted or otherwise made available via RTI Community Portal. Read the complete Terms prior to use.
Please see RTI's privacy policy and cookie policy if you have questions about any information collected during the sign-up process.
<style>
/* Floating container to fix the widget to the bottom right of the viewport */
#chat-widget-floating-wrapper {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99999; /* Ensures it sits on top of all other site content */
}
/* Tooltip styles */
.chat-tooltip {
position: relative;
display: inline-block;
}
.chat-tooltip .chat-tooltiptext {
visibility: hidden;
width: 210px;
background-color: #333333;
color: #ffffff;
text-align: center;
border-radius: 6px;
padding: 8px;
position: absolute;
z-index: 1;
bottom: 110%; /* Places the tooltip above the gif */
right: 10px;
opacity: 0;
transition: opacity 0.3s;
box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
font-family: sans-serif;
line-height: 1.3;
}
/* Tooltip arrow pointing down */
.chat-tooltip .chat-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
right: 35px;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333333 transparent transparent transparent;
}
/* Show the tooltip on hover */
.chat-tooltip:hover .chat-tooltiptext {
visibility: visible;
opacity: 1;
}
/* Subtle hover animation for the chatbot head itself */
.bubble-btn a img {
transition: transform 0.2s ease-in-out;
}
.bubble-btn a img:hover {
transform: scale(1.05);
}
/* Responsive adjustment for small mobile screens so it doesn't block content */
@media (max-width: 480px) {
#chat-widget-floating-wrapper {
bottom: 10px;
right: 10px;
}
.chat-tooltip .chat-tooltiptext {
display: none; /* Often best to hide text tooltips on mobile due to lack of hover */
}
}
</style>
<div id="chat-widget-floating-wrapper">
<div id="chat-widget-container">
<div id="chat-bubble" class="bubble-btn chat-tooltip">
<span class="chat-tooltiptext" style="font-size:small;">Have questions?<br /> Ask our AI-powered Connext Chatbot</span>
<a href="https://chatbot.rti.com" target="_blank" rel="noreferrer noopener">
<img src="https://www.rti.com/hubfs/_RTI%20Website%20/Chatbot/Web-Chatbot-Head-Ani... alt="Connext Chatbot" width="90" height="90" />
</a>
</div>
</div>
</div>
