I have converted a jquery mobile webpage to android app using phonegap.
The problem is that mavbar/menu in Android is cutting the menu words. i.e. What we do -> What we... .Can u suggest me a better way to create a menu without damaging the UI?
Using Bootstrap CSS is the better way to make your application work well on all screen resolution
Related
i made this app for android using Android Studio that is kind of like a game, and i wanted to make the same thing but on a website, is there any simple way to do this? Or do i have to write the whole code all over again (i.e. using HTML, CSS, Javascript)?
is there any simple way to do this?
No
Or do i have to write the whole code all over again (i.e. using HTML, CSS, Javascript)?
exactly
I want to know if it's possible to design my android app UI with HTML5 and CSS3.
If it's possible, is there any performance issue?
Android has WebView which can render HTML content, but it doesn't provide the same user experience as native apps so its use is generally discouraged.
Yes it possible. As rhoadster91 stated, you can use a normal Android WebView which loads your "index.html". All your HTML files should be in the "assets/www" directory. But you'll find plenty tutorials out there which explain everything step by step. Have a look at Googles developer site.
A second possibility would be Phonegap. It is a little tool which helps you to deploy your app for various devices (Android, iOS, WP,...) while coding your app only once in HTML.
I experimented with jquery mobile, native application and phonegap. Building a web application at first seemed very attractive at first as the coding is a lot easier compared to native applications. Here is my opinion based on my research:
Using phonegap slows your application responses, it loads slowly and together with jquery mobile the response and load time increases. So I didnot use it.
Using jquery alone was no different in Gingerbread mobile and on emulator you can clearly see the lag in switching between one div to another div. I didnot use it either.
What I did was use android Webview. I wrote my own javascript and css and placed them on the head section of my page. Used div for changing pages on button click. This approach worked really good giving nearly native performance.
I have developed a Phonegap application, and am now trying to run it in the android emulator. My problem is that the application doesn't scroll in the emulator or device, but it works well in a normal browser like mozilla or chrome. Butwhen I test in the emulator or device then it doesn't scroll.
Here is my html file http://pastie.org/3981916
And here is my css file http://pastie.org/3981918
I am not able to find a solution to this problem, can any one help me out please?
well you cant get the normal html scroll behavior when trying to create a app using phonegap on android.
you cant get the overflow:scroll effect for any of the html elements.
you'll need to make use of third party libraries such as jquerymobile, iscroll4, etcfor getting the native look and feel.
or also you can construct your own logic
I am building a web site that needs to work on computers as well as tablets and I have found that if you have a web form with select tags in it, when you view it with a tablet running android 3.1 the select options are shown in a modal window at the bottom of the page.
when you select options using this method, it is no longer the select option changing in the DOM and you cannot react to changes. Is there a way to disable this so that a dropdown is a dropdown and looks and reacts as it would on a desktop?
Thanks in advance to anyone that can help. (Google has yet to yield any results for me)
Have you tried jQuery Mobile? It basically implements jQuery for mobile devices. I found that there's a way to build Select Menus right there.
I'm planning a project which will uses JSON objects to display data on andorid mobile.
My application is some what similar to facebook application for android. It seems making detailed ui like facebook's like,comment will be time time consuming & webview seems to be better option in this case ?
need your suggestion.
I'm also planning same app to be developed on iPhone as well.
Refrence link
Android has enough support for JSON that you can easily use the native widgets for your application. By using native widgets, the Joe Default user will have a more normal (expected) user experience, since most of the application will work just like any other Android application works.
Another thing to take into consideration that by using native widgets, it will probably be easier to add support for different UI sizes (portrait and landscape mode in various sizes can be a pain to get right in a single webview).