Salesforce Mobile SDK and Ionic – Remote Hybrid App - Fix Styles
Previously we ran our Remote Hybrid app and it had all the functions of our Local Hybrid app but something didn't look quite right. The styling was off! Let's take a quick look and see what may have caused this.
If you look at our current Remote Hybrid app it's a little off from the styling we would/should expect when using the Ionic Framework.
Current Remote Hybrid App
This is being caused by Salesforce. When we set up our Visualforce page we did not include the
standardStylesheets attribute with a value of false. If we update our
apex:page tag to include this:
<apex:page docType="html-5.0" showHeader="false" sidebar="false" standardStylesheets="false">
We should be able to reload our app and see the styles update.
Updated Remote Hybrid App
As you can see one of the effects of a Remote Hybrid app is that we can cause changes to the app from Salesforce.