Flex DropDownList working weird in mobile devices - android

I try to use spark DropDownList Controller for flex mobile project but its not working properly. Is there any alternative solution available?

You want to use <s:List/>. As said by #www.Flextras.com, DropDownLists aren't supported on mobile.

The Flex Spark DropDownList is not supported on mobile devices. To get it working requires more than just implementing a mobile skin. It relates primarily to the differences between mouse input and touch input.
However, we've already done the conversion work for you, so you can use our Mobile DropDownList as part of the Flextras Mobile Component set. Free developer editions are available for you test out for your own purposes.
Earlier in 2013; the Flextras components were open sourced; and you can get the source of the mobile components straight from GitHub. The Flextras site still distributes binary builds if you don't want to build it yourself.

Related

A web app using kendoui doesn't run on android tablet

I developed a web application that turns in different browser(opera,firefox,chrome).when i access via tablets except the native browser of android.i tried with different tablets and the same problem.It ignores the composant such as datepicker...I didn't find a tool to debug the site.i tested it with android 2.3
I'm waiting your reply.that's very important to help me.
Thank you
Maybe you get more insights why it is not working if you see the javascript console and its output. This question will tell you how to access it.
Kendo UI Mobile only provides styling for the native browser input, select and textarea elements. This means that you won't get date/time pickers where they are not supported. Default Android browser doesn't support HTML5 input pickers, thus you won't get any. You can work around that by using some kind of validation there or use a third party library as MobiScroll.
Also note that Firefox and Opera are not officially supported.

Phone Gap or native Android wrapper?

I want to develop an application which works both in a regular browser and as an Android app. Both seem suitable but would I be right in saying if I went with Phone Gap, deploying the same html content as a regular, server hosted website is not trivial and would require modification? Also, are multi page applications not desirable in a Phone Gap wrapper?
Are there any alternatives I should consider? I'm surprised someone hasn't already written an Android wrapper with all the hardware access wiring done already. Or have they?
There are few things you should know,
If you are going to publish your app also on iOS, you can't use server hosted website for your app.
All of your basic functionality must stand on your app assets, is one of the iOS guidelines, and its also make-sense for best ui performance (both iOS & Android).
Use server-side wisely, when you want to fetch data which have to be up-to-date.
there are some new mobile browser features which will be available in the future, that allow your website to use the device hardware functions:
Device API on W3C
Good luck dude ;)
You can try with jquery mobile framework:
http://www.jquerymobile.com
It is jquery based framework for developing web apps that works on standard web and on multiple mobile devices (with cordova)

does same code can work on both android tablet and ipad perfectly?

Hello friends I am an android developer and right now i am working on sencha touch framework on android platform to develop an app which can run on multi platform e.g android tablets and ipads.
But i have question in my mind that if i create my app on android tablet emulator according to the android tablet need(means layout configuration),will the same app work on ipad? or i have to work on simulator to make it work on ipad? Please suggest me with ur views.
Thanx in advance.
Most of the things works great for both of them. But there are some issues that you need to test on both the platforms e.g. Video Player for playing local videos on SD card.
Because, this generally is not a problem for iOS, but for android, you'll need your plugins. Also, from UI perspective, you must check on both the platforms. Since same CSS may or may not match. Happy Coding!
Native (i.e. Activity/Window) code is not compatible between the two platforms. If you develop using a web framework such as Phonegap, your differences will just be layout/CSS and plugin issues such as those mentioned by #Rajkiran.
You can also use commercial platforms such as Xamarin for abstraction of the hardware platform.
See this question for more details.

Web app targeting iOS, Android and WP7?

I'm about to start on a new web application project where I need to support iOS, Android and Windows mobile 7. Is there a framework that will support all three?
In the past I've used Sencha Touch for iOS and Android, but it would be nice if there was a framework for all three systems.
I would like it to be as native looking as possible since this is a demand from the client.
I will use PhoneGap for this. You can refer official PhoneGap site at http://www.phonegap.com/
It supports six platforms which includes ios, android, blackberry, windows, symbian, palm os..
You can refer complete chart here for different features in different mobile os http://www.phonegap.com/features
You can see for Windows its still coming soon.
https://build.phonegap.com/
However they are updating with Bada & MeeGo..
W3C has a list of mobile web app best practices. Please check this link
http://www.w3.org/TR/mwabp/
I hope this will help you in designing a mobile web applicaiton.
Although still in alpha you may want to consider using jQuery Mobile http://jquerymobile.com/ for the UI. It does have some WP7 support, but expect this to get a lot better after the IE9 mobile/Mango update.

OpenLayers in Android

Has anyone tried before using OpenLayers in Android ? How did that go ? Was it accessed through the browser at a certain address or embedded in a local stand alone android application using WebViews ? , or other approach.
If any references related to this subject come to your mind please add them here.
Thanks
Small update on the topic - currently released version of OL supports mobile devices.
Current version of OpenLayers(2.10) doesn't support mobile browsers. New version(2.11) is very close to release though and you can enable support for mobile devices if you include the development version of OpenLayers from trunk. It definitely works if you access it as usual webpage and should work if it's embedded in WebViews.
You can try it out yourself here: http://openlayers.org/en/latest/examples/
Just type 'mobile' in search field and you'll get couple of example where you can see how mobile navigation, editing, etc. works on Android and iOS.
Yo can try with OpenLayers latest Mobile Version (http://openlayers.org/en/latest/examples/mobile-full-screen.html) for an html project and embed the page in Mobile App with Apache Cordova (http://cordova.apache.org/)
To my knowledge (no such device owned), on Android 3+ devices a page like http://openlayers.org/dev/examples/mobile.html will work straight out-of-the-box when opened in the stock browser. As mentioned, since OL 2.11 mobile device multitouch events are supported, they have also provided a jquery mobile & geolocation demo which works great on android.
For the majority of android 2.x devices, you will need to deliver your own webview container including a polyfill such as WMP if you want spread & pinch zooming to work.
Otherwise you're only left with using the zoom buttons - which is not always preferable given the small size of many touch screens.

Categories

Resources