Support Center > Knowledge Base> Category: HelpOut Tab
Category: HelpOut Tab
12 Articles
Orange arrow How do I change the Chat, Ticket and Callback button images shown by HelpOut Tab?

11276 views
  To change the Chat, Ticket and Callback button images shown by HelpOut tab please add this style to the page where HelpOut tab code is installed: You can also change the main tab image for the HelpOut Tab. CHAT: <style> .lhn_live_chat_btn, .lhn_live_chat_btn:visited { ...
Tagged: css


Orange arrow How can I move the HelpOut tab lower or higher on my webpage?

9143 views
  You may do this by adding the following CSS styles to your webpage: <style type="text/css"> .lhn_help_btn{ top: 125px !important; } .lhn_help_container{ top: 115px !important; } </style> Just change both (top:) numbers to desired values to move the tab lower or hi...
Tagged: css


Orange arrow I would like to open my ticket submission form instead of LiveHelpNow ticket submission form when "Submit a ticket" button is clicked in helpOut tab, is it possible?

8216 views
  To have the "Submit a ticket" in helpOut tab open a custom URL please add this to helpOut tab code installed on your website: var lhnTicketURL='YOUR_CUSTOM_URL';...
Tagged: html


Orange arrow Why does the HelpOut Tab display behind the scrollbar in Internet Explorer?

7738 views
  IE with Issue IE with fix This is a common issue found when using bootstrap type responsive css files. Please search the css file for something similar to the following: @-ms-viewport{width:device-width} If you remove this part of the CSS it will resolve the issue....
Tagged: css


Orange arrow My HelpOutTab buttons are flickering/scrolling when I hover on them?

7037 views
  If you notice your buttons within the HelpOutTab panel scrolling or flickering on hover this could be caused due to a peice of CSS on your website. In most cases this will come from a -webkit-transition-property on "a" tags. To fix this issue, please add the following line of code to your CSS file....
Orange arrow How do I execute a custom JavaScript when HelpOut tab is fully loaded?

10785 views
  The HelpOut tab load event is fired when HelpOut Tab is fully loaded. There is a way to trigger custom code on HelpOut tab load event: HelpOut Tab executes the following function upon load, so by simply having this function on the page where HelpOut Tab is hosted will run its code:function LHN...
Tagged: javascript


Orange arrow How do I make the HelpOut tab disappear when all operators are offline?

8961 views
  To accomplish this please use the following script within the same pages where the HelpOut tab is: <script type="text/javascript"> function LHN_button_onLoad() { if (bLHNOnline == 0) { document.getElementById('lhn_help_btn').style.display =...
Tagged: javascript


Orange arrow How do I change the tab image shown by HelpOut Tab?

12179 views
  To change the tab image shown by HelpOut Tab please add this style to the page where HelpOut tab code is installed:You can also change HelpOut Tab Chat, Ticket and Callback button images. <style> .lhn_help_btn, .lhn_help_btn:visited { background: url("http://yourdomain.com/images/tabi...
Tagged: css


Orange arrow Is there a way to have a link or image on my webpage to open HelpOut Tab panel on click?

9264 views
  You may apply "lhn_open_panel" CSS class to any element on your web page to instruct it to open HelpOut Tab panel on click like so:<a href="#" class="lhn_open_panel">Help</a> There are a variety of other ways to customize the HelpOut Tab:http://help.livehelpnow.net/article/1/2205/i...
Tagged: css


Orange arrow Can I hide the HelpOut Tab / Live Chat button on Mobile Phones?

8402 views
  You can hide the HelpOut Tab on mobile phone by using a CSS media query. @media screen and (max-width: 480px){ .lhn_help_btn{ display: none !important; } } To hide Live chat button use this CSS: @media screen and (max-width: 480px){ #lhnChatButton{ display: none !impor...
Orange arrow Can I install LiveHelpNow as a Right Tab that shows available help options when clicked?

25192 views
  With the LiveHelpNow HelpOut Tab®, you can display help options to visitors in a snappy right tab that follows them from page to page. It’s easy to setup and easy to customize – you don’t have to be a techie to change its appearance! The versatile Help Panel works with any c...
Tagged: tab, slideout


Orange arrow Is it possible to supply and pre-fill on the pre-chat form already known information by our website such as customer name, email, etc?

8708 views
  You may easily supply pre-chat fields to be pre-filled within the pre-chat window so customer does not have to provide an already known by your website/service information. Here are the easy steps: Make sure that every prechat field is linked to a CRM field in Admin panel->Chat system->Cu...

Page: 1 of 1