Conga Product Documentation

Welcome to the new doc site. Some of your old bookmarks will no longer work. Please use the search bar to find your desired topic.

Multi-Tabular Grid Trouble Loading in Safari Mobile

Multi-Tabular Grids fail to load with Safari browsers on Mobile devices. To resolve this, the Visualforce Markup can be modified with a document ready addition.

Navigate to the Visualforce page by going to Salesforce Setup → Develop → Visualforce Pages and select your Grid MultiTab Visualforce page. Click Edit.

Scroll to the bottom of the Visualforce markup and locate the following segment:

<script>
$(document).ready(function() {
    $("#tabstrip").kendoTabStrip({
      activate: function(e){
        setTimeout(function(){          $(window).resize();        });
      }
    });
    $("#tabstrip").css("display", "block");
});
 </script>

Replace the above segment with the following code:

<script>
setTimeout(function(){
       $("#tabstrip").kendoTabStrip({
         activate: function(e){
           setTimeout(function(){          $(window).resize();        });
         }
       });
       $("#tabstrip").css("display", "block");
   }, 500)
});
 </script>

Once this is done, MultiTab Grids load properly on Mobile devices using the Safari browser.