The source code is always the same, but each post focuses on a different deployment option:
- In the first article, I showed how to deploy the dashboards in a hybrid app using Cordova and the Mobile SDK.
- In the second article, I demonstrated how to deploy the same dashboards in Visualforce pages.
- In this third article, I’ll show the same Visualforce pages running in the Salesforce1 App.
Watch the video here:
As you can see in the video, the dashboard layouts are “responsive”, and adapt to the screen size. In this example, I used the Twitter Bootstrap grid to make the dashboards responsive. The typical markup for a dashboard in this application looks like this:
<div class="row-fluid"> <div id="chart1" class="chart col-xs-12 col-md-12"></div> </div> <div class="row-fluid"> <div id="chart2" class="chart col-xs-12 col-md-6"></div> <div id="chart3" class="chart col-xs-12 col-md-6"></div> </div>