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.