Learn how to style Salesforce1 mobile apps using Visualforce, AngularJS and Bootstrap
Tag Archives: mobile
Après New York, Philadelphie, Boston, Chicago, Londres, Amsterdam, Washington … notre Developer zone s’arrête à la Porte de Versailles le 26 Juin prochain. Si vous ne savez pas encore ce qu’est la Devzone, sachez que vous y trouverez de quoi satisfaire votre appétit de développeur. Des livres techniques GRATUITS (Force.com Fundamentals en français, Visualforce in […]
This is a continuation of Part 1 of my previous blog that had 3 short videos about AngularJS, Ionic and also how to port it to Visualforce. In this blog we will take a look at how to make our example Ionic app interact with Salesforce and then make it work inside Salesforce1 mobile app.
This video blog shows how to add native iOS Salesforce authentication for 1. a new iOS app, 2. an existing iOS app and 3. an app with Salesforce communities or custom login. This contains 3 short (two 5 minutes and one 10 minutes long) videos, so you can pick and choose which ever works for you.
As it turns out, there is an online resource to help developers style pages like Salesforce1: The Salesforce1 Style Guide. This shows several examples of how the HTML within the Salesforce1 mobile interface is built out, complete with CSS styles. This is great, but I had a couple of complications in trying to use it ... the first was there was no handy download to get all the CSS and supporting files, and the second that quite a bit of the CSS relies on using several different classes. That was when I started pulling things together and it occurred to me that jQuery could handle the CSS transformations for me.
Everyone says Twitter Bootstrap makes front-end web development faster and easier, but how can we prove that? Check out this blog to see a video of a simple Visualforce page being converted into a responsive, mobile first web page in a little over 3 minute. It covers the foundation for setting up a bootstrap project natively on Force.com.
Over the holidays, my daughter reminded me that I promised to teach her how to build a mobile app. So I told her to grab her laptop, I'd grab mine, and app building we would go. Twenty five minutes later, we were done. Here's how we did it.
This blog shows how to leverage Salesforce1MBaaS to build pretty much any kind of ios apps. Specifically it goes through building a photo sharing app using Salesforce native iOS SDK and filter photos using GPUImage library.