{"id":833,"date":"2012-04-12T18:26:06","date_gmt":"2012-04-13T01:26:06","guid":{"rendered":"http:\/\/zsprawl.com\/iOS\/?p=833"},"modified":"2012-05-07T19:32:43","modified_gmt":"2012-05-08T02:32:43","slug":"nativecontrols-plugin-for-cordovaphonegap","status":"publish","type":"post","link":"http:\/\/zsprawl.com\/iOS\/2012\/04\/nativecontrols-plugin-for-cordovaphonegap\/","title":{"rendered":"NativeControls Plugin for Cordova\/PhoneGap"},"content":{"rendered":"<p><b>Update: This post is a bit outdated. NativeControls has been updated. Click <a href=\"http:\/\/zsprawl.com\/iOS\/2012\/05\/navigation-bar-with-nativecontrols-in-cordova\/\">here<\/a> to read more.<\/b><\/p>\n<p>One of the most popular posts on my developer blog is this one on <a href=\"http:\/\/zsprawl.com\/iOS\/2012\/03\/using-the-native-tabbar-plugin-in-cordova\/\">setting up a Tabbar using xCode<\/a> and manipulating it with Javascript through Cordova (the renamed PhoneGap project). I get a number of questions regarding the thread, and that is mostly because it is confusing, especially if you aren&#8217;t already adapt at Cordova Plugins. <\/p>\n<p>Personally I love the jQuery Mobile with Cordova approach to development. It allows me to take what I know (HTML, CSS, and javascript), and slowly learn Objective-C and xCode while producing things, instead of following tutorials out of books for the next year. I have to admit, when I tried to learn native Apps, it was slow going and ultimately unfulfilling.<\/p>\n<p>Anyhow, I&#8217;m getting off track. Back to NativeControls. This plugin is absolutely great. It let&#8217;s you abuse the native UI controls like the NavBar or TabBar (header and footer navigation elements). This fixes a lot of issues that jQuery programmers face with fixed headers and footers, and scrolling. Also, the dreaded 300ms delay for using these native elements is eliminated. It really gives back that zippy feel to your web Apps that can often feel lost in some of the more complex Apps.<\/p>\n<p>Some jerkwad was selling the jQuery Mobile Reference Documents (the stuff found at <a href=\"http:\/\/jquerymobile.com\/demos\/1.1.0-rc.2\/\">the official site<\/a>) for $2 on the store. He didn&#8217;t even improve the navigation or anything. Just stole the code and put it up for sale. So I did the only logical thing. I put it up for free. I figure this can be my &#8220;community non-profit&#8221; zApp. I&#8217;ve decided to take it the next step and put the source code up for download. You will still have to create your own project because I didn&#8217;t want to give out personal user settings (or possibly my dev information), but then you can just import the web and plugin files into the project.<\/p>\n<p>Hope it&#8217;s useful. Comment below if you need help or just want to tell me how it is working for you!<\/p>\n<p>Download: [download id=3 format=1]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Update: This post is a bit outdated. NativeControls has been updated. Click here to read more. One of the most popular posts on my developer blog is this one on setting up a Tabbar using xCode and manipulating it with Javascript through Cordova (the renamed PhoneGap project). I get a number of questions regarding the <a href=\"http:\/\/zsprawl.com\/iOS\/2012\/04\/nativecontrols-plugin-for-cordovaphonegap\/#more-'\" class=\"more-link\"><br \/>more \u00bb<\/a><\/p>\n","protected":false},"author":318,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,38,3,25],"tags":[10,121,9,56,53,55,34,54,40],"class_list":["post-833","post","type-post","status-publish","format-standard","hentry","category-blog","category-cordova","category-ios-development","category-jquery-mobile","tag-app","tag-cordova","tag-development","tag-jqm","tag-nativecontrols","tag-navbar","tag-phonegap","tag-tabbar","tag-xcode"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/833"}],"collection":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":4,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/833\/revisions"}],"predecessor-version":[{"id":1030,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/833\/revisions\/1030"}],"wp:attachment":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/media?parent=833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/categories?post=833"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/tags?post=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}