Wednesday, June 18, 2014

How to get started with Salesforce1 visualforce development using Jquery mobile

Today application on force.com are very stable and are well integrated with each other, but as the new phase is coming we have to learn to develop mobile application on the same platform. As many application are now moving to mobile platform Salesforce has also joined in the race.

Salesfore1 platform enables you the develop and deploy the mobile version compatible application to cloud. Using the same technology with a little help of Jquery we can make mobile enable visualforce pages  to meet our requirement. 

Follow these steps to get the mobile version example and Jquery mobile zip installed in your organization.
Salesforce1 Mobile package for more information you can go to Getting Started.

After installing the above package create a new visualforce page and paste this code:

Now paste this class code:


The above code is for custom lookup, as we cannot get standard lookup in visualforce pages yet.
Hope this helps you.

6 comments:

  1. Dude!!!

    That is awesome!

    I've been looking for a good example of customized lookup field views and this is exactly it.

    You have no idea how long have been looking for a jquery mobile example on lookup dialogs.

    Thanks!!

    ReplyDelete
  2. question .

    A colleague of mine recently made a visualforce list view as part of a detail page layout that allowed a user to similarly add a list of objects to the active object displayed.

    The listing works. However, Of all the added objects, only 12 of n (n > 12) all the existing related same-type objects are displayed in the list. You can tell by logging into controller and into the model that there is more, but still the list view only shows twelve.

    I have a theory about it. It may possibly be that the view-frame/pixel-area allowed (by salesforce1 for that page) for that html form extends only as far as those 12 list items, and that probably that list has no added scrollable features. Hence giving the impression that only so much items are present.

    What do you think it might be?

    ReplyDelete
    Replies
    1. Are you using bootstrap as bootstrap only has 12 cloumn in one row..if not then try reducing and reordering the list fileds as it might be an issue related to max width

      Delete
  3. Hello,

    Very interesting post.
    A small question, why when I click on account to display detail, I have only a white screen without any fields ?
    Any idea ?

    Merci

    Mathias

    ReplyDelete
  4. Hello,

    Very interesting post.
    A small question, why when I click on account to display detail, I have only a white screen without any fields ?
    Any idea ?

    Merci

    Mathias

    ReplyDelete