Problems with hybrid HTML5 apps when IOS/Android updates?
android,ios,ionic-framework,hybrid-mobile-app,html5-apps
There's no definitive answer to this. Usually everything works fine since the creators of such frameworks (as does every developer for the corresponding platform) have access to early beta versions of the new operating systems and can therefore test and update before the stable OS release, if necessary. However, that...
How do I retrieve data from my database?
php,html,database,hybrid-mobile-app
You are replacing the array each time with $post A question! How many rows are there actually in P_CASE_STUDIES? while( $post = mysqli_fetch_assoc( $result ) ) { $result_array[] = $post; } Should be something like: var i = 0; while( $post = mysqli_fetch_assoc( $result ) ) { $result_array[$i] = $post;...
Best option for converting a JSP website to Android app?
android,cordova,webkit,native,hybrid-mobile-app
It would be a lot easier (as well as interesting) to write simple mobile clients in native Java/Objective-C for Android & iOS. For an experienced web developer, it would not be hard to create simple apps using articles on Google/StackOverflow. Not to mention that using the native mobile SDKs' is...
VS2013 Cordova project run occure XMLHttpRequest warning message?
cordova,visual-studio-2013,hybrid-mobile-app,visual-studio-cordova
When calling xhr.open(), you should set the async parameter to true to make the request asynchronous. Also make sure any code following the call is not dependent on any state that may be changed in the xhr callbacks.
Error message when trying to cordova run android
android,cordova,npm,hybrid-mobile-app
There might be a missing folder - which in: yourapp/platforms/android/cordova/node_modules So, you can install it after navigating to that location. cd platforms/android/cordova sudo npm install which Let me know if it won't work. There could be a possibility that your Node is broken. In that case you'd have to re-install...
Ionic toggle checkboxes with 2 colors
android,html,css,ionic-framework,hybrid-mobile-app
Just set the .toggle input + track color to what you want. for instance this will be assertive when not checked and possitive when checked: CSS: /* Styles here */ .toggle input + .track{ background-color: #ef473a; } HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">...
How to make my ionic android application function onlne and offlne
android,angularjs,cordova,ionic-framework,hybrid-mobile-app
This question spreads through a wide scope depending on how much data you want the user to allow browse offline. However, If you want something more than the normal caching ionic provides, you will have to look at a data storage, like Sqlite Following links will give you an idea...
Cordova/appFramework app shows up blank on iOS
ios,cordova,cordova-3,hybrid-mobile-app,appframework
You dont need all the fragmented appframework js and css files, you can just include 2 css and 1 js file, here is updated code, it works as cordova app on android, I built Cordova app with Intel XDK. <!DOCTYPE html> <html> <head> <title>XDK</title> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0;"...
Debugging $digest already in progress error
javascript,angularjs,hybrid-mobile-app,fastclick.js
Here's the havoc wreaker (source link): FastClick.prototype.sendClick = function(targetElement, event) { // ... some lines skipped clickEvent = document.createEvent('MouseEvents'); clickEvent.forwardedTouchEvent = true; targetElement.dispatchEvent(clickEvent); // got you! }; The problem is that the handler for the artificial click will be fired immediately (demo). That's usually fine - but not with Angular,...
SignalR working in browser not in app
cordova,signalr,ionic,hybrid-mobile-app
So I managed to make it work. Since I'm doing my cross-domain communication using JSONP i wanted to do the same with signalR. In my browser it worked properly but when compiled to APK and ran on device it didn't work. changing signalR to use CORS and not jsnop solved...
Why first click anywhere in empty space in document initiate the code instead of clicking on hyberlink and why too many tabs open?
javascript,jquery,html5,cordova,hybrid-mobile-app
You attach click event handler in another click handler attached to the document. So when you click anywhere then a handler is attached to your links. You can have any number of handlers so if you click 10 times anywhere then there will be 10 handlers on your links and...
What framework combination to choose for developing Windows 8 hybrid application?
cordova,sencha-touch,windows-applications,hybrid-mobile-app
PhoneJS is a paid framework and still have some issues. I would like prepand you to use Cordova PhoneGap framework and use extension for VS2013 Also here tutorial about developing for windows http://msopentech.com/opentech-projects/apache-cordova/ and here http://blog.falafel.com/getting-started-with-cordova-and-multi-device-hybrid-app-in-visual-studio/...
Transparent navigation bar in Ionic
ios,cordova,ionic-framework,ionic,hybrid-mobile-app
I did some research and people it got it working by setting bar-light to the header bar and then making these changes: .bar.bar-light { background-color: rgba(255,255,255,.66) !important; /* or transparent, or background:none */ } .scroll-content { overflow: visible !important; } See this playground: http://play.ionic.io/app/3cbf53eff565 Will it work once built? not...
Problems with creating a list in PHP
php,list,echo,hybrid-mobile-app
You have to escape the double quotes in your code like so (also note the dots . which concatenate the string): // List echo_lines(array( "<ul>", "<div class=\"col-md-6\">" . "</div>", "<div class=\"col-md-2\">" . "</div>", "<div class=\"col-md-6\">" . "</div>", "</ul>", )); As you can see, I have also added class in front...
meteor cordova on android building app
android,cordova,meteor,hybrid-mobile-app
Ok, dug a little deeper, here's what worked for me. See here for android: https://github.com/meteor/meteor/wiki/How-to-submit-your-Android-app-to-Play-Store specifically: keytool -genkey -alias your-app-name -keyalg RSA -keysize 2048 -validity 10000 cd ~/build-output-directory/android/ jarsigner -digestalg SHA1 unaligned.apk your-app-name ~/.meteor/android_bundle/android-sdk/build-tools/20.0.0/zipalign 4 unaligned.apk production.apk Then install the "production.apk" to your device....
CSS - Mobile button appears in different areas, different devices
html,ios,css,iphone,hybrid-mobile-app
You are right, your CSS is very specific with the absolute positioning. It always has a left spacing of 10px, which with it's width of 300px works well for the iPhone 5 which is 320px wide. If you want to center the button no matter the width of the device...
What means “runtime” in Intel XDK?
html5,hybrid-mobile-app,intel-xdk,crosswalk-runtime
"Runtime" generally refers to the time a program runs, as opposed to other times in the programs life cycle like compile time. Software is typically written, then compiled, then deployed or installed, then run. These different phases are often referred to as "compile time", "install time" and "runtime". E.g. "at...
cordova script src takes relative path rather absolute
javascript,cordova,phonegap-build,hybrid-mobile-app,cordova-cli
The problem was not with cordova its because i have added BASE tag in html for for angular js and i have set <base href='/'>. So the scripts takes absolute path.
Titanium: How to hide actionBar in non-Alloy project?
android,mobile,titanium-mobile,appcelerator-mobile,hybrid-mobile-app
<android xmlns:android="http://schemas.android.com/apk/res/android"> <manifest> <application android:theme="@style/Theme.AppCompat.Translucent.NoTitleBar.Fullscreen"></application> </manifest> </android> Add this to TiApp.xml...
Kendo UI based responsive web application
twitter-bootstrap,kendo-ui,responsive-design,hybrid-mobile-app,kendo-mobile
I think this would depend on the app requirements. Network connection Option 1 (responsive site) would require you to be online. Option 2 (mobile app) would let you be offline, but adds the complication of syncing data that is edited offline. App Store deployment Hybrid app gives you the ability...
Why java date is not parsable?
java,hybrid-mobile-app,oracle-maf
You need to parse the value from 2015-06-16T04:35:00.000Z UTC to a java.util.Date SimpleDateFormat from = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss.SSS'Z'"); from.setTimeZone(TimeZone.getTimeZone("UTC")); Date start_date_time = from.parse("2015-06-16T04:35:00.000Z"); Which gives us a java.util.Date of Tue Jun 16 14:35:00 EST 2015 (for me). Then, you need to format this in IST SimpleDateFormat outFormat = new SimpleDateFormat("yyyyMMdd'T'HHmmss"); outFormat.setTimeZone(TimeZone.getTimeZone("IST"));...
Apache cordova or native development for an instant messaging app?
android,ios,cordova,hybrid-mobile-app
Of course if you have enough resources(time, money etc) creating native application is always better solution. But if you need to save time of development and feature support of app, I recommend you to use hybrid approach, but without Cordova or Phonegap. You can just create some parts of UI...
How use google map API in hybrid app for mobile device
google-maps,dictionary,sencha-touch,hybrid-mobile-app
If you start your app when offline, script tags will throw a net::ERRxxx. You can see this on browser console. Later, when you come back online, those scripts have failed loading and that is it. I have tackle this using setTimeout and google maps callback parameter. Basically, I remove and...
Cross platform Mobile app development tools with Googleplaygames services
android,cross-platform,google-play-games,hybrid-mobile-app
Have you looked at the popular gaming platforms? These tend to have good support on all the platforms, and have things like sprite manipulation, physics engines, and other features that are needed for making great games. As far as Google Play Game Services, there are libraries for iOS and Android...
Open Camera or Gallery from “ inappbrowser ” in Apache Cordova
cordova,camera,cordova-plugins,hybrid-mobile-app,inappbrowser
Instead of using inappBrowser, i ended up in implementing HTML iframe. That is, What things I wanted inappBrowser to do, now I am able to do using iframe. You can have access to Camera or Gallery or File Explorer, similar to that of a Native Phone's Browser. Here is what...
How to use navigator buttons to execute actions other than navigate between pages
javascript,html,angularjs,hybrid-mobile-app
It's AngularJS limitation. You cannot call function outside AngularJS. you can wrap window.alert function inside your controller function. Also, you need to set your controller above ons-navigator. If you use, ons-navigator-toolbar, its scope is not the page but the navigator scope. This is current limitation of Onsen UI, it is...
Why isn't my ng-repeat working?
javascript,angularjs,angularjs-ng-repeat,hybrid-mobile-app
Your current code will repeat the span tag for each card that you have inside cards. I don't think that's what you intended to do. You probably want to repeat the li, right? Try this instead: <li ng-repeat="card in cards"> <h3><span class="icon-dashboard"></span>Group 1</h3> <ul> <li><a href="#">{{ card.title }}</a></li> </ul> </li>...
Why Jdeveloper not listing earlier IOS version?
xcode,jdeveloper,hybrid-mobile-app,oracle-maf
For starters, your phone (3GS) isn't supported for Oracle MAF. Here you can view the Oracle MAF certification matrix: http://www.oracle.com/technetwork/developer-tools/maf/documentation/maf201cert-2298202.html But you should be able to use the iOS simulator for iOS 6.X. Have you verified that you have installed the iOS 6.X simulator in XCode (read this if needed)?...
Why does my accordion list keep closing?
javascript,jquery,accordion,hybrid-mobile-app
You must wait until the execution of the slideUp function is completed (by default the duration is 400ms) before you test if the next element is visible or not. $(document).ready(function(){ $("#accordian h3").click(function(){ //slide up all the link lists $("#accordian ul ul").slideUp(); //slide down the link list below the h3 clicked...
Conditional Routing in Angular + Ionic template
javascript,angularjs,ionic-framework,hybrid-mobile-app
You can do this: ng-href="{{ alarm.status == 1? oneURL : otherURL }}" ...
Is there any open source tool for distributing .ipa or apk file (enterprise .ipa file) without pushing on Appstore or play store
ios,iphone,apple,hybrid-mobile-app,objective
I know HockeyApp support enterprise distribution (http://hockeyapp.net/features/), however it's not free. Beta by Crashlytics say they support this too (http://try.crashlytics.com/beta/), but I haven't had any experience with it....
Where to build a Hybrid App?
html5,jquery-mobile,hybrid-mobile-app,multi-device-hybrid-apps
You can go for Phonegap / Cordova, it is open source through which you can create application in Adnroid, iOS, Windows & Blackberry. You can check Phonegap for more info. Also you can download Sample Phonegap Application to get started. Besides you can learn Phonegap set up here Besides phonegap...
Text input focus issue on Windows Phone (Universal) with Cordova
cordova,windows-phone-8,win-universal-app,hybrid-mobile-app,visual-studio-cordova
Upgrading Cordova to version 5.0.0 resolved this problem. ...
Implementing Server-Sent Events into Intel XDK
javascript,html5,hybrid-mobile-app,server-sent-events,intel-xdk
http://caniuse.com/#feat=eventsource shows you can use them on iOS 7.1 and above. On Android, they are only available on Android 4.4+. Which device/OS are you testing on? If you are on Android, try building for Crosswalk.
Offline connection of android Hybrid application to database
javascript,html5,hybrid-mobile-app
Offline storage for hybrid applications is going to come in 2 flavors, Web and Native. To access the Native storage (like sqlite) you'll need a native component. You'll then call that component from your javascript. You can't access the device storage directly from a WebView for security reasons. You can...
Pdf / Docx preview in a Phonegap app on iOS
ios,pdf,cordova,hybrid-mobile-app
I ended up using InAppBrowser Plugin with enableViewportScale=yes. It displays a toolbar with a back button with custom caption. It would be better if I can add my own toolbar, so the navigation is consistent in the whole app, but this is good enough.
How to disable tabs in Appgyver Supersonic App?
As stated in the documentation http://docs.appgyver.com/supersonic/guides/architecture/app-config-files/#structure-coffee "If you are not using tabs, you will need to define a root view" By default in structure.coffee root view is commented out with # (hash tag). So now you can remove tabs array and define (uncomment) the root view setting with the correct...
NPM install -g cordova ionic gives Err -13
node.js,cordova,npm,ionic,hybrid-mobile-app
You're having issues because you don't have write access to the /usr/local directory. A couple options to fix this: Execute the install as root/administrator using sudo sudo npm install -g cordova ionic You can change ownership of the /usr/local directory (and all subdirectories) to the current user, which is usually...
PushPlugin register goes to errorhandler showing 'Class not found' with cordova 4.0.0 for android platform
android,cordova,push-notification,hybrid-mobile-app,phonegap-pushplugin
Finally got this working by adding google play service library to my project Steps to follow: Copy google-play-services_lib folder from ANDROID SDK /extras/google/google_play_services/libproject/ to your projects myproject/platform/android folder Copy build.xml, local.properties & project.properties files from your myproject/platforms/android/CordovaLib folder to myproject/platforms/android/google-play-services_lib folder Open project.properties file in myproject/platforms/android/google-play-services_lib folder Check if project...
JavaScript Security Risks In Hybrid Mobile App
javascript,security,hybrid-mobile-app
I would say no. If somebody looks at your network communication, or maybe if you accidently forget some debug logging, it's probably fairly easy to find out the url. And the query probably would also work when called in a browser (being mobile or desktop). Of course you can ask...
Where do I learn polymer material design with complete documentation and examples?
javascript,cordova,polymer,material-design,hybrid-mobile-app
From Google's Material Design sight: http://www.google.com/design/spec/material-design/introduction.html
What causes some iOS web pages to not continue scrolling when swiping finger is released?
css,scroll,uiwebview,mobile-safari,hybrid-mobile-app
You mentioned you aren't using any libraries to do JS scrolling, but it looks like one of the libraries you're including (Polymer I believe) is taking over scrolling. To confirm this, use the Safari Web Inspector and disable javascript - you'll see that your sample page will no longer scroll...
UIWebview Landscape support in Hybrid Application
ios,objective-c,xcode,uiwebview,hybrid-mobile-app
Finally by applying various tricks i come to the solution. I posted in the following link: http://cocoainios.blogspot.in/2014/11/implement-orientation-modes-in-iphone.html...
How to protect localstorage and websql data in cordova - ionic application
html5,local-storage,ionic-framework,hybrid-mobile-app,web-sql
yes, you can encrypt/decrypt your data using something like AES or other Algorithm. Maybe you can try implementation https://github.com/digitalbazaar/forge#md5 // generate a random key and IV // Note: a key size of 16 bytes will use AES-128, 24 => AES-192, 32 => AES-256 var key = forge.random.getBytesSync(16); var iv =...
How to implement push notification in hybrid app simply?
cordova,push-notification,hybrid-mobile-app
You need to build a database with Registered id in web server and send push notification to all the Registered id in the database from the web server. The link you posted uses Javascript to send push notification, whereas you have to use PHP or anyother server script to send...
PhoneGap/Cordova hidden option to configure endpoints in test environments
html5,cordova,configuration-management,hybrid-mobile-app
If you really really want to ship the exact same code all the time, you could easily use local storage. In your app: if(!localStorage.getItem('env')) localStorage.setItem('env', 'production'); switch(localStorage.getItem('env') { case 'testing': endpoint = 'http://testserver'; break; case 'production': endpoint = 'http://productionserver'; break; } Then just open your browser console and type: localStorage.setItem('env',...
Is Grails good enough for enterprise level backend framework for web and mobile? [closed]
grails,cross-platform,hybrid-mobile-app
Yes, Grails is perfectly acceptable for enterprise level backend framework. There is nothing in Grails that prevents this. The only thing that will keep you from achieving scaleability and performance is you (and your own code). There are lots of big companies using Grails in such a manner. Netflix comes...
How to develope an application with FlipBorad App style with HTML5
I think this might be of use http://engineering.flipboard.com/2015/02/mobile-web/ Flipboard is using react to render layout on canvas. That's why it's so quick and gives unlimited possibilities. However it's not very accessible unless you put a lot of effort into that. ...
Is it possible to stop automatic updates on worklight server v 6.1
android,worklight,hybrid-mobile-app,worklight-server
Direct update was stopped after migrate to WL 6.2 and using wl_updateRealm to stopped it...
Ionic Android Build Failed
android,cordova,ionic-framework,phonegap-build,hybrid-mobile-app
I was finally able to solve it by going into C:\todo\platforms\android\ant-build folder where todo is the name of the ionic project i created and rename the classes.dex.d file to classes.dex
What are the technology used to develop shopping apps like jabong, myntra, flipkart etc.? [closed]
android,ios,hybrid-mobile-app,multi-device-hybrid-apps
try http://phonegap.com/ this is a platform where you can develop hybrid apps using CSS, HTML5 etc . Take some time learning these technologies and see for yourself if it suits your need. Do not engage yourself learning how they did it, try to learn thing and see what is the...
How to use ionicModal Methods?
ionic-framework,ionic,hybrid-mobile-app,mobile-application
The initialize method is the constructor used internally. That bit is basically showing you the methods you can pass here to the fromTemplate and fromTemplateUrl methods on the $iconicModal service. The other methods like isShown are to be used on the instance of the modal. $ionicModal.fromTemplateUrl('my-modal.html', { <- this hash...
angularjs / ionic routing using $stateProvider - controller is not reloading the second time a state is called
javascript,angularjs,routing,hybrid-mobile-app,ionic
Views are standard cached in ionic. The caching can configured in the view or stateprovider. http://ionicframework.com/docs/api/directive/ionNavView/...
Why my javamail program not running through jdeveloper?
java,javamail,jdeveloper,hybrid-mobile-app,oracle-maf
Deploying java project on Web logic server as a web service (as a .war package) worked for me.
Do I need to pay some license fee for Google API place API
html5,google-api,hybrid-mobile-app
AFAIK, they are not charged. I have worked with them, and that is also what their documentation says - https://developers.google.com/maps/documentation/javascript/usage Most websites and applications may use the Google Maps API free of charge. However, if you consistently generate a high amount of traffic, usage limits apply and you will need...
Cordova not detecting official plugins
I just create an exact build as you described above and I was able to make a small change that worked: You need to move window.addEventListener('batterystatus', onBatteryStatus, false); to app.onDeviceReady. This is because the window listener needs to be added after the device APIs have been loaded. I found this...
Error uploading file using Cordova filetransfer in SSL environment
android,cordova,ssl,worklight,hybrid-mobile-app
That error means that you did not use your server's host name as the CN for the certificate. Android verifies that the CN (common name) matches the host name, otherwise the certificate is not valid, as it could be any other server using your certificate to pretend that they are...
Hybrid app with native iOS features
If you want to build an iOS-App you'll need Xcode's command line tools to build, run and deploy your App. So you can't skip this step.
Creating list within a container in PHP
javascript,php,list,echo,hybrid-mobile-app
The code you gave us is way to messy. You don't close most of the html tags, and I'm not sure what you're trying to achieve Here is the example from bootstrap documentation that you linked, more or less mixed with your code. I'm still not sure if "Orange", "Beef",...
What is the advantage and disadvantage of developing Hybrid App using Apache Cordova in Visual Studio Community [closed]
Advantages: Easy to write code in Visual studio due to context aware help Code completion for JavaScript, CSS, HTML Easy to debug in browsers like Chrome is best Check on simulators (on windows only for Windows mobile, Blackberry, and even can check on Android) Disadvantages: Can not test all devices...
Whats wrong with my Mongo query?
mongodb,terminal,vi,hybrid-mobile-app,.bash-profile
Check your /etc/hosts for localhost entry and also make sure that mongod is listening to all interfaces, you can check by netstat -an|grep mongo.
Cannot find hostname in file:/// error when using Ionic and OAuth.io
angularjs,ionic-framework,hybrid-mobile-app,oauth.io
I figure it out reading some posts. The OAuth initialization and references should be done after the device is ready, so it is best to put the initialize in this block: $ionicPlatform.ready(function() { // ... if(typeof window.OAuth !== 'undefined'){ $rootScope.OAuth = window.OAuth; $rootScope.OAuth.initialize('XXX'); } else{ console.log("plugin not loaded, this is...
Cordova FileTransfer Download error
android,cordova,download,file-transfer,hybrid-mobile-app
All the code was correct, it was a problem with my configuration of the framework: this project had another project as library dependence. This project didn't have a config.xml file where to whitelist URLs. The library project had! I just needed to add the <access origin="http://*.somedomain.com"></access> to the "right" config.xml...
Worklight 6.1 deploy to windows phone 8: AUTHENTICATION_ERROR, deviceId null
angularjs,windows-phone-8,deployment,worklight,hybrid-mobile-app
Finally we solved. It was an angularjs problem about $routeProvider -> templateUrl. Not a WL problem though it seemed. When working with windowsphone8 the root of the Partials Url must be www, that is: For Android and Iphone the correct path for partials html is app.config(function($routeProvider, $locationProvider) { $routeProvider.when('/', {...
How can I use device gestures in Oracle MAF application?
Added a custom cordova shake plugin to my MAF application and invoke it from javascript file which was included on application home page feature. You can get cordova plugin and its usage techniques from here: https://github.com/leecrossley/cordova-plugin-shake...
Not able to add platform to phonegap
android,cordova,phonegap-build,hybrid-mobile-app
Try this copy tools.jar from JDK lib directory to JRE lib directory. Restart the system Then use cordova -d platform add android Answer was found here...
Visual Studio, Ripple Emulator and CORS/Cross Domain Ajax
visual-studio,cordova,hybrid-mobile-app,ripple
I got this problem sorted by downloading and installing a chrome extension, that sets the web security setting 'on' and 'off'. Link for the extension: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-app-launcher-info-dialog Visual studio seems to run a separate/second copy of Chrome. You have to install the extension in the Chrome instance that VS opens when...
Ionic vs Supersonic UI ( AppGyver )
angularjs,ionic-framework,yeoman,hybrid-mobile-app,supersonic
Appgyver is doing well with Supersonic and Data. They are working extensively on their Data implementations. I am currently using an API for my application without using Appgyver Data, but also was able to get it working with their data option. They have a few tutorials to get you the...
Worklight 6.1: How to add EULA to hybrid app
FYI there is nothing specific here to Worklight. You could implement this in any number of ways w/out ever using any Worklight API whatsoever. You could achieve it for example like this (untested code - you'll need to experiment): In main.js create some global variable eulaAccepted: var eulaAccepted; // You...
Difference Native and Non-Native iOS apps
In fact, answer depends on framework which was used for building app. The are two kinds of frameworks that I've seen so far: Based on C/C++ languages (Marmalade SDK, e.g.) Based on JavaScript (Appcelerator Titanium, PhoneGap, etc.) In first case the only way to recognize that app is not native...