I'm building an iphone app in Phonegap and jQuery Mobile. Using very basic elements so far, but my headers are not displaying in the xcode iphone simulator (see the screen shot). Anyone knows what the issue might be?
Here is the html structure I've used: http://pastebin.com/czRyhRhM
Related
We are having a problem where the FusionChart works fine on laptop but it does not work on iOS Devices. Wondering if anybody else is having a similar issue. It simply does not show the chart.
FusionCharts is a JavaScript charting library, in iOS devices charts are rendered using WebView component. You have to enable JavaScript in your project and then invoke HTML & JavaScript code to UIWebView component by adding its reference to viewController.
To parse the data you can use NSXMLParser for XML data or NSJSONParser for JSON data, these class libraries are native. JSONKit and Swifyjson are also frequently used parsing libraries for Objective-C and Swift respectively.
Take a look at https://github.com/AnyChart/anychart-ios-objc-sample sample for both iPhone and iPad
http://www.anychart.com/integrations/ (i work in that company)
I have created a website using jquerymobile for smartPhones like iphone, android etc. Now i want to convert this website to ipad, tab website. How can i convert it? I am not sure is this jquerymobile working for both smartPhones and ipad???
Yes, jQuery Mobile works on all mobile devices, you do not need to make changes. You can, however, make an optimized version for tablets.
I'd like to make some in-app help for my iPad app so I'm looking for examples of other apps that do it well. If I look the help for the Apple Pages app on my iPad, it opens the following url:
http://help.apple.com/iwork/mobile/interface/#tan724868a9
This looks like a native app in Safari on iPad. How did Apple make their html help page look like that? Is this simply a dashcode implementation or is there some other way to display native looking help via html in an iPad app?
It's just HTML/CSS/Javascript, but you could take a look at jQTouch for something similar, or the just-announced jQuery Mobile.
I've been using Safari on Windows and the iBBDemo Blackbaud iPhone Browser Simulator to emulate an iPhone but I have noticed that Safari does not render form elements using the default control styles. Safari on iPhone supplies default control styles that are specific to iPhone. This means my web forms look nothing like they do on an actual iPhone.
Are there any style sheets or iPhone Web Design Tool Kits that will style the form elements exactly as they should appear? Or is there an online service that provides screenshots of how a web page looks on an iPhone?
If you have a Mac, then the easiest way is to use the iPhone Simulator. It might not be suitable for your purposes, though.
There are a lot of things which you'd need to do to get the rendering right (there are a lot of rounded rects, and the user can scale the page to an arbitrary size, and strange things sometimes happen when you rotate the device).
Is there any reference about writing an application on iPad/iPhone to show HTML5 content ?
Any reference book
Sample source codes
Which components should I use ?
Million Thanks.
There already is an app on the iPad and iPhone for showing HTML5 content: Safari.
If you want to show specific HTML5 content within an app, just use a UIWebView.
Building iPhone Apps with HTML, CSS, and JavaScript