Menu
  • HOME
  • TAGS

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...

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.

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",...

Difference Native and Non-Native iOS apps

ios,native,hybrid-mobile-app

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...

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...

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 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...

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.

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...

Conditional Routing in Angular + Ionic template

javascript,angularjs,ionic-framework,hybrid-mobile-app

You can do this: ng-href="{{ alarm.status == 1? oneURL : otherURL }}" ...

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...

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...

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...

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...

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...

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...

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...

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">...

Cordova not detecting official plugins

cordova,hybrid-mobile-app

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...

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...

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.

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.

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...

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...

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. ...

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...

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...

How to disable tabs in Appgyver Supersonic App?

hybrid-mobile-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...

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...

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...

What is the advantage and disadvantage of developing Hybrid App using Apache Cordova in Visual Studio Community [closed]

hybrid-mobile-app

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...

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...

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...

How can I use device gestures in Oracle MAF application?

hybrid-mobile-app,oracle-maf

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...

How to develope an application with FlipBorad App style with HTML5

html5,hybrid-mobile-app

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 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....

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...

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...

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;"...

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...

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,...

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>...

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...

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

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...

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

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"));...

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.

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....

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/...

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;...

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...

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 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...

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/...

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...

Hybrid app with native iOS features

xcode,hybrid-mobile-app

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.

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...

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 =...

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...

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...

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 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...

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...

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.

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...

Worklight 6.1: How to add EULA to hybrid app

worklight,hybrid-mobile-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...

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...

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',...