Help
Ask questions about how to do or fix things in Arrowchat
User avatar
kylek
Customer
 
Posts: 3
Joined: 02 Mar 2015, 13:01

 

by kylek 17 May 2015, 20:54

We have arrowchat installed with our vbulletin 4.2.2 and all was fine. Purchased a new style and am now having issues with the chat bar disappearing behind the forum. Will try to explain with a couple of screenshots.
In our forum home page with the new style the chat bar shows perfectly in the footer area

bar1.PNG
Just wondering if anyone has had this problem.

Now when you start to scroll the page up and as soon as you start to see the forum the chat bar disappears behind the forum sidebar and forum.

bar2.PNG


We have the header code in the headerinclude template and the footer code in the footer template. Still working on the new style so dont have it live to view yet.

Here is our footer template
Code: Select all
<vb:if condition="!empty($ad_location['ad_footer_start']) or !empty($ad_location['global_above_footer'])">
<div style="clear: {vb:stylevar left}">
  {vb:raw ad_location.ad_footer_start}
  {vb:raw ad_location.global_above_footer}
</div>
</vb:if>

<div class="clear"></div>
</div> <!-- closing div for body_wrapper -->
</div>

<div class="clear"></div>

<div id="footer_bottom">
<div class="main_wrap">

{vb:raw footer_column_1}
{vb:raw footer_column_2}
{vb:raw footer_column_3}

<div class="clear"></div>

<div class="below_body">

<div id="footer" class="floatcontainer footer">

   <form action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">

      <vb:if condition="$show['quickchooser']">
         <select name="styleid" onchange="switch_id(this, 'style')">
            <optgroup label="{vb:rawphrase quick_style_chooser}"><option class="hidden"></option></optgroup>
            <vb:if condition="$quickchooserbits1">
               <vb:if condition="$quickchooserbits2">
               <optgroup label="&nbsp;{vb:rawphrase standard_styles}">
               </vb:if>            
               {vb:raw quickchooserbits1}
               <vb:if condition="$quickchooserbits2">
               </optgroup>
               </vb:if>               
            </vb:if>
            <vb:if condition="$quickchooserbits2">
               <vb:if condition="$quickchooserbits1">
               <optgroup label="&nbsp;{vb:rawphrase mobile_styles}">
               </vb:if>
               {vb:raw quickchooserbits2}
               <vb:if condition="$quickchooserbits1">
               </optgroup>
               </vb:if>               
            </vb:if>
         </select>   
      </vb:if>
      
      <vb:if condition="$show['languagechooser']">
         <select name="langid" onchange="switch_id(this, 'lang')">
            <optgroup label="{vb:rawphrase quick_language_chooser}">
               {vb:raw languagechooserbits}
            </optgroup>
         </select>
      </vb:if>
   </form>

   <ul id="footer_links" class="footer_links">
      <vb:if condition="$show['contactus']"><li><a href="{vb:raw vboptions.contactuslink}" rel="nofollow" accesskey="9">{vb:rawphrase contact_us}</a></li></vb:if>
      <vb:if condition="$vboptions['hometitle']"><li><a href="{vb:raw vboptions.homeurl}">{vb:raw vboptions.hometitle}</a></li></vb:if>
      <vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin}</a></li></vb:if>
      <vb:if condition="$show['modcplink']"><li><a href="{vb:raw modcpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod}</a></li></vb:if>
      <vb:if condition="$vboptions['archiveenabled']"><li><a href="archive/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase archive}</a></li></vb:if>
      {vb:raw template_hook.footer_links}
      <vb:if condition="$vboptions['privacyurl']"><li><a href="{vb:raw vboptions.privacyurl}">{vb:rawphrase privacy_statement}</a></li></vb:if>
      <vb:if condition="$vboptions['tosurl']"><li><a href="{vb:raw vboptions.tosurl}">{vb:rawphrase terms_of_service}</a></li></vb:if>
      <li><a href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;">{vb:rawphrase top}</a></li>
   </ul>
   
   
   <vb:if condition="$show['dst_correction']">
   <!-- auto DST correction code -->
      <form action="profile.php?do=dst" method="post" name="dstform">
         <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
         <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
         <input type="hidden" name="do" value="dst" />
      </form>
      <script type="text/javascript">
      <!--
         var tzOffset = {vb:raw bbuserinfo.timezoneoffset} + {vb:raw bbuserinfo.dstonoff};
         var utcOffset = new Date().getTimezoneOffset() / 60;
         if (Math.abs(tzOffset + utcOffset) == 1)
         {   // Dst offset is 1 so its changed
            document.forms.dstform.submit();
         }
      //-->
      </script>
      <!-- / auto DST correction code -->
   </vb:if>
   
   <script type="text/javascript">
   <!--
      // Main vBulletin Javascript Initialization
      vBulletin_init();
   //-->
   </script>
        {vb:raw template_hook.footer_javascript}
</div>

<div id="footer_copyright" class="shade footer_copyright">
   <!-- Do not remove this copyright notice -->
   {vb:rawphrase powered_by_vbulletin}
   <!-- Do not remove this copyright notice -->   
</div>
<div id="footer_morecopyright" class="shade footer_morecopyright">
   <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
   {vb:raw cronimage}
   <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
   {vb:raw vboptions.copyrighttext}
   {vb:raw template_hook.footer_copyright}
</div>
{vb:raw ad_location.ad_footer_end}
<vb:if condition="$vboptions['enablefacebookconnect']">
   {vb:raw facebook_footer}
</vb:if>
</div>

</div>
</div>
<script type="text/javascript" src="/forum/arrowchat/external.php?type=djs" charset="utf-8"></script>
<script type="text/javascript" src="/forum/arrowchat/external.php?type=js" charset="utf-8"></script>


Any help is gratefully appreciated.

Thanks!
You do not have the required permissions to view the files attached to this post.
User avatar
Jason
Customer
 
Posts: 2356
Joined: 12 Dec 2009, 16:06

 

by Jason 17 May 2015, 21:37

The z-index on those elements is higher than ArrowChat. We put ArrowChat at a very high 1000+, but some templates go overboard and think that nothing should be higher than their elements and put 10,000+.

You'd either have to increase ArrowChat's z-index or lower those element's z-index.
User avatar
kylek
Customer
 
Posts: 3
Joined: 02 Mar 2015, 13:01

 

by kylek 17 May 2015, 22:30

Thanks Jason,

z-index is greek to me at the moment. Did a template search on the style for z-index and a hell of a lot came up but dont know what to look for. Where can I find the setting to increase ArrowChat's z-index?
User avatar
kylek
Customer
 
Posts: 3
Joined: 02 Mar 2015, 13:01

 

by kylek 18 May 2015, 21:20

Its nice to learn something new. Spent some time today understanding z-index and followed your suggestion for lowering the styles z-index. Found it in the addition css, body wrapper. He had it set at z-index: 1888;
I just set it to z-index: 888; and Arrowchat now shows perfectly.

Thanks Jason!