Salesforce Stack Exchange is a question and answer site for Salesforce administrators, implementation experts, developers and anybody in-between. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have to develop an app which has to works on every kind of device like desktop, iPad and mobiles. This app will not use any native UI. The only thing is it has to be developed using Any idea which framework (like Bootstrap) fits well while working on

share|improve this question
up vote 10 down vote accepted

The easiest and simplest starting point is to look at the hybrid samples in the Mobile SDK. By default, these use jQuery Mobile which takes care of optimising the app UI for various screen sizes (to a certain extent). You can always replace jQuery Mobile with any other HTML5 framework such as Sencha Touch, Twitter Bootstrap or any other. The above holds true if you want to develop apps which install on devices.

On the other hand, if you simply want your VisualForce pages to be rendered optimally across multiple devices, you should strongly consider looking at Mobile Components for VisualForce -

If you want to use jQuery Mobile in VisualForce pages, please take a look at this tutorial -

If you want to use Twitter Bootstrap, this is a good starting point -

Hope this helps.

share|improve this answer
There was also a three-part blog series on relating to using Sencha as a mobile/touch-based front-end for a visualforce app.… – Peter Jan 31 '13 at 13:26
Bootstrap seems to be the solution but how would I take care of validations and error messages? I would use JS to validate fields. I want my error messages to be consistent across all the devices – doga Feb 1 '13 at 6:26
Yes, it would be handled by whichever framework you choose. What do you mean by having the error messages 'consistent' across all devices? It would be the same error message - correct? – Gaurav Kheterpal Feb 1 '13 at 7:32

Bootstrap works just like you would normally use it, since you don't use any native UI components you can just program HTML/CSS/Javascript like you would normally do in web development.

I have used Bootstrap in combination with (sales), just make sure you upload the bootstrap files as a static resource, reference them in your pages, and you should be ready to go. Normally you won't have any conflicts in javascript either, since you don't use the native UI components, just make sure you put standardStylesheets="false" in your apex:page header

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.