I am developing a application in Sybase Unwired Platform ,Hybrid Web Container. When I deploy it on Android it is working fine but when I deploy it on Iphone or blackberry I can see the menu items like back,next displayed on menubar and some on toolbar as it is in Iphone native application and the buttons on the screens are not working. I think its because of JQuery but is there any workaround to remove this menubar and toolbar and make it run properly.Thanks in advance.
I haven't tried it yet, but if you are in the last SUP version, it's supposed that you can have buttons on the screen to call SUP requests and operations without the need to add them as menuItems.
The problem with menu items is that they work different in each platform, and it's not recommended to use them anymore (even google said that), and it makes the HTML5 app less multi platform.
In my SUP apps, I hid the menuItem dynamically after the workflow initialization, and created a custom html button (using Custom.js) that calls the menuItem javascript function.
Related
I want to create a hybrid mobile app using ionic capacitor. When user logs in the app should open the main angular app in a hidden webview to initialize the angular app. The webview should be hidden for this time. After this when a user clicks on any links in mobile app, it should open in the webview and this time the webview should be displayed. The webview should open in the app container and not in the browser window (like InApp browser). Please help me if anybody have explored this kind of solutions.
My existing app is built using Xamarin and its built on the above concept.
I have tried the InApp browser but it does not give a good impression to the end user expecting a complete mobile app.
What you want to do is more or less possible if I've understood you well. I've done it in my job. We have a ionic app, but then there are some native screens developed natively for Android (with Java) and iOS (with Swift). With ionic you can call native code from Javascript. For that you need to make your own local Capacitor plugin: https://capacitorjs.com/docs/plugins/creating-plugins
In a plugin, the ionic Javascript function will trigger a native function (Java/Kotlin for Android - Swift/ObjectiveC for iOS). Once there, you can freely create native screens (Android = Activity, iOS = Storyboard/Controller) and then launch your native screens in the app. In our project most of the app is ionic, but we developed our own native screens such as a PDF Viewer, a Web browser, a QR scanner, etc.
But an app is not like a website, an app is a stack of screens. Which means that everytime you access a new screen, it's added to the top of the stack and the user can go back to the previous one. So, ionic will launch first. Inmediately after starting the app (or whenever you want) you can move the user to a native (android/ios) screen. However, if the user presses the native android back button, he will come back to ionic. If you want to prevent that, you need to code that behavior yourself (google android prevent back button). Likewise, you "can't" make the user go from the native screen to ionic, you can bring him back to ionic by navigating back programmatically.
Perhaps you can also change the launch activity to use a different one, and then later launch the ionic activity with native code. But I haven't done this myself and it could break ionic, so I can't advice you through this path.
I hope my answer helps, but I'm not sure I understood what you want to accomplish.
am working on a time management app project in flutter I want the app to detect the apps installed on the user device and reveal them on the screen automatically, is there any way to do the front-end part of the work and how?
I am developing a Chrome application that currently resembles a File Manager in its UI. I would like for users to be able to drag and drop "files" both into and out of the app, for example, to and from their native file managers.
Does this seem impossible, therefore should I be looking for other user interface options?
I have looked into this question: Drag out files from browser using javascript but unfortunately it doesn't seem to work on ChromeOS, the platform I am developing for.
The Facebook iOS app, Android app, and mobile website are all very similar making me think they are all build using the same HTML5 framework. I'm particularly interested in the UI of the menu button on the top left that when clicked slides the window to the right to reveal a menu. I've seen other apps that do this too so I'm thinking they might be using a common framework. I've looked into JQuery Mobile and Sencha Touch, but they don't have that menu UI. Does anyone know what they are using?
Facebook is no longer using HTML5. Here is a Sencha Touch plugin, this is the closest that is available right now for ST as far as I know:
Slide Navigation Menu on Sencha Market
It seems that I haven't understood correctly how PhoneGap works.
I thought:
Take an index.html, include the PhoneGap.js in as type of JavaScript and open the result on iPad/iPhone.
But then, none of the functions like accelerometer, beep(), vibrate() is working. Is it necessary to build an app for that for working correctly?
I have a Webpage and I want only include the functions of PhoneGap so that the iPad can recognize if it was shaken or a draggable HTML Element was touched and thrown at an other place on screen.
Is sencha able to do that and is it the better choice?
Greetz and Thanks!
Markus
PhoneGap is a native application wrapper for a variety of different phone platforms. It requires that you use the PhoneGap framework, which is written in native code for each supported platform, for whatever platform you are targeting, and allows you to drop HTML, CSS and JS assets into this framework so that you can build applications for a phone with only those web technologies.
Simply including phonegap.js on a web site that is hosted on a server will not work, because phonegap.js communicates with the (native) PhoneGap framework code. The framework code does the work of accessing the phone's APIs for vibrate, accelerometer, contacts and compass functionality (among others). phonegap.js simply provides a consistent API in JavaScript for accessing this native device functionality.
There is no access from Javascript hosted in an ordinary web page to the accelerometer on the iPad as of today -- which is the first piece of functionality that you want to access. If you want to use Sencha (I work for Sencha), you must wrap Sencha code with Phonegap's native shell in order to get access to this functionality. Phonegap takes native Objective C API's and creates new Javascript objects that correspond to these API's. But the result will be a native app, not a web page.
Drag and Drop, the second piece of functionality that you want, is an activity entirely within the browser, and Sencha handles drag and drop just fine.