How do I add code in Salesforce 1? - jquery-mobile

I am a beginner in the Salesforce 1 platform. I started this internship and I am being asked to create a jQuery Mobile app in Salesforce 1. I have learned how to build the app, but I am lost as to how to add code to it. I am a beginner developer being asked to recreate a Mobile app that is more for someone with more experience. I am not going to give up, because I know this is a good learning experience for me. The Salesforce resources have not been helpful to me. Can you help me try to figure out how to get started with this? Do I connect the app to a Salesforce page or is there another developing tool I am missing? Also I cannot add the jQuery Mobile library to be able to get my code to work. How does that app connect to the code? I am confused how the objects and fields relate to the code I write for the app. Help!

Just create a VF page, create a tab and assign the VF page to that tab. The VF page should be "Mobile Ready" i.e. you should check the checkbox when you create the VF page. For jQuery libraries, you have to add them as static resources.
Please let me know in case you need more help.

Yes. the other user is correct. Upload the "min" version of the jQuery as a static resource to invoke jQuery on your Visualforce page.
As for designing mobile apps on the Salesforce platform, you need to know quite a bit:
MVC model in Salesforce
Apex, SOQL, SOSL
Visualforce controllers
Visualforce
HTML and DOM
CSS
JavaScript
Possibly the Mobile SDK for Salesforce
Possibly Canvas for Salesforce
Possibly XML for Flexipages
If you look on developer.salesforce.com, you'll find learning resources for all of these topics. There's even a workbook for you: http://www.salesforce.com/us/developer/docs/salesforce1/salesforce1_guide.pdf.
Google's browser offers a mobile emulator for iOS so that developers can develop on one platform and test on many platforms. Its is difficult to use though, imho. It has quite a learning curve.

Related

Reverse engineering website : cannot find the form inputs in the post request

I need to interact with an external website I don't own. This external website requires credentials that I have. My goal is to add a user but the external website does not offer an external API. It looks like they are using Vaadin.
So to add a new user I need to manually fill in a form. Yet I have been searching for the route the "form" takes to post the input I give but could not find any.
Here is my issue : when I look at the HTML source code in browser I cannot see any form tag. The buttons have all the same id "button". When I fill in the form and look at the network tab in the developer tools, in the "parameters" section I cannot see the inputs I just gave although the POST request does appear. The cookies tab does not show the inputs either.
Consequently my questions are : why can't I find the inputs in the POST request and where can they be ?
Please note : this external website is a medical site so I prefer not share the url and they don't offer a mobile app, so there is no mobile API I could reverse engineer.
Any help appreciated :-)
Not stating the Vaadin version makes that a tad harder give an exact
answer, but at the core both the Vaadin 8 and 10+ behave the same way.
And the short answer to your question is: without another entry-point,
like an API, this can not simply be done using just some POST-Request.
Vaadin is not simply a html-form/request/response-html based framework;
it holds the scenegraph on the serverside in a session. All
communication is done via a single endpoint to the server and state
changes only are communicated back to the client.
For what you are after, your best bet is to use test automation
frameworks like selenium, geb, cypress, ...

Google Sheets to Web App

I am wondering what the guidlines are for turning a gsheet into a web app. I am creating a very complex spreadsheet to eventually be turned into a proprietary business web application, but I want to make sure that I build it to the needed specs for easy development. I am open to suggestions about the best way to code the final product. It is very formula and calculation heavy, spanning more than one workbook.
Quite simple to publish as a web app. Just make sure you submit a new version on any changes you make in Google App Script.
Google AppScript-Publish-Deploy as a web app
You could also embed into a HTML page, using the embed section from "Publish to the Web" under the File dropdown menu.

Can't view/change input field in iframe on phonegap app

So here's the situation. I am using a third party digital document signing service called PandaDoc in my mobile application which is built on PhoneGap/Cordova and I am not able to change any of the input, text-type fields when attempting to do this via the mobile app on an iPhone (haven't tested Android yet).
Here are some things i noted about this:
1) When viewed online in Chrome (on my laptop) or on my phone in the Chrome browser everything works fine.
2) The only form elements that aren't working on mobile are the input (type=text) ones. The checkboxes work, the dropdowns work etc...
3) I don't know much about Angular.js but i can tell this third party app was built on it. When i inspect and compare the mobile vs web version i noticed that on the mobile version the input fields have these two directives:
ng-pristine and ng-touched
From what i can tell researching these, they seem to be mutually exclusive so not sure how that would affect things. Also the web version had:
ng-dirty and ng-valid-parse
both of which the mobile version did not have.
I know it would be best if i could post some code here but i don't know where to start. In my app there is just a simple embed script that puts the PandaDoc into an iFrame.
If you want to see the mobile test version of this app you can view it at http://dev.velexo.com/m2 I have a test user with a username of "mobile2" and the password is "pass". Unfortunately there is no easy way to send out the iphone app version of this and that is where the problem is.
Oh also, when you log into the application, click on the W9 Information button and then the Enter Your W9 button, this is what brings up the pandadoc
Also should have mentioned I'm using JQuery Mobile in the app.
Any advice/guidance would be welcome even if it's just a guess.
just looking over my old questions here. The answer to the actual question I asked is that you can not change anything in an iFrame from the parent frame unless both the domain and the port match due to the cross-domain policy restraints.
There are no ways around this that I am aware of.
The solution to my particular problem was to get rid of PandaDoc entirely because it just wasn't designed to be used on a mobile device. In the end i wrote my own javascript for creating a signature and passing to the backend where i used a php pdf generating library to construct the final document.

comparison jquery mobile kendo sencha jqtouch

i am new in all mobile app thinks i want to find a library for graphs witch it will play in all types of mobiles(ios, android,windows phone etc).I am searching but there are so many and i confused.jquery mobile,kendo,sencha,jqtouch,web 2.0, dhtmlx and so many other. I want my app play in all mobiles, do anyone known the best library. I already have used the libraries i mention before but if there is something else to test and see please tell me.
this is some of the links i saw until now:
http://docs.dhtmlx.com
http://web20boom.com/web/touch.php
I will use phonegap. Please anything it would be very useful.
Maybe my question wasn't very clear and i am sorry for that. I want a JavaScript library for building HTML5-based mobile web apps.I want to make all the beauties in my app (buttons, panel and etc.) I don't want to make graphs i want a library which i can used to make carousels,accordions and other simple and little more difficult thinks.But until now all the libs i saw it doesn't work well in all the phones.Thats why i am asking if there is a library who plays well everywhere.But thanks a lot for your answer.
For example i want a lib like jquery mobile but i want to play well in ios and android phones at least.If anyone know any lib please help.
Not sure if any of these fit your needs:
http://www.sencha.com/products/touch/charts
http://www.zingchart.com/
http://code.google.com/apis/chart/
http://code.google.com/p/flot/
http://www.highcharts.com/
http://www.splashnology.com/article/15-awesome-free-javascript-charts/325/
http://mbostock.github.com/protovis/
http://www.jqplot.com/
Related:
Framework with charts for mobile web application

UI Design in BlackBerry

Greetings ,
I am a new developer in BlackBerry Application. I have been working on iphone application too.
I was really shocked to see the user interface of BlackBerry. Coming from iphone application development it was hard to cope with this new interface.
Now i am working on an application which require a registration page . So far i could only find the normal text field and label field .
I wanted to know if there are any other ways to represent the field like the facebook/ twitter application in the BlackBerry Applications.
I really appreciate any help available in this regard.
Thanking you,
Alan Varghese Abraham
I'm unsure what you mean by saying "field like the facebook/ twitter application" (probably because I'm not a big fan of those). However here is a couple of useful BB UI guides:
UI components
How to - Implement advanced buttons, fields, and managers
Yes, I'd say BB is a step behind of iPhone/Android with providing nice/rich UI components out of the box, but the API does allow to create any desired custom Field.

Resources