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.
