I have a website that I've just created that has a jquery-ui slider bar link removed
The slider bar doesn't seems to work properly on my phone which is an android - it could affect other mobile browsers too.
Is there a way of fixing this?
Thanks
I've just had a look on my phone and it also doesn't work. However, I have noticed in the past that other JavaScript items (on other sites) also don't work, so I don't think it's a specific problem with your site.
In terms of a workaround, you could check the viewer's user agent and display a different selection method if they're on a phone.
Related
I'm having problems displaying my club's website, specifically on Android version 4.1 and 4.2's default browser:
http://www.manchesterhandballclub.co.uk/index.html
Everything loads as normal for a split second, before everything in the #maincontent div disappears, except for the Twitter and Facebook widgets on the homepage (/index.html), or the embedded Google Maps on the Training Info page (/training_info.html).
I wondered if there was maybe some sort of z-index issue on load, but there shouldn't be anything overlaying on top of the container div to my knowledge. Here's a preview of what the homepage looks like once the main div disappears:
http://tinypic.com/r/4l1zya/5
I don't have any experience designing for mobile devices, and whilst I do plan to build responsive device-friendly versions eventually, it'd be great if I could get the current site displaying as it does on all other Android versions for now. I'm not sure if there's any version-specific quirks or things I may have missed?
Thanks in advance, and apologies if I've not posted this in the correct way! Tried searching around but can't seem to find any help on the issue currently.
I have been using Atlassian Confluence for some time as a documentation tool.
I recently tried looking at the documentation using the inbuilt Chrome browser on a 7" tablet.
To my surprise I found that the left hand navigation tree/menu was completely absent meaning that users cannot navigate past the first page.
I cannot find any way around this and I am hoping for suggestions as to how to make the documentation usable on mobile devices.
The only way to get the side navigation bar to display is to tap on the dropdown menu on the top right side of the Chrome browser and select 'Request Desktop Site'.
This is not really very satisfactory for users trying to read the documentation however as they will not even be aware that a left hand navigation menu exists and still less likely to know how to request the desktop site.
Not really a very satisfactory answer but thought I would put what I had found here in case it is useful for somebody.
I'm developing a web app for android phones and I'm curious if it is possible to initiate call to a user from web interface. So basically, I want to call someone when clicking on their phone number on the web page.
While testing on Samsung GT-I9103, I've noticed that it has this functionality: on a web page, when a user clicks on a number, screen for initiating phone call gets shown. So, there is a way to do what I want. But, this functionality doesn't exist on Sony Ericsson, what makes me believe this really depends on the manufacturer. Am I right?
Also, I've checked phonegap documentation (http://docs.phonegap.com/en/2.2.0/index.html), but can't find what I need.
So, is it possible to do this?
Thanks.
Yes, it is slightly functional through JavaScript, from what I have read.
Refer to:
http://developer.android.com/guide/webapps/webview.html
Section: Binding JavaScript code to Android code
Sorry that I don't have a example code for you to see. My question is that I have 8 image buttons for my menu and I need to know how to make the image buttons show and not show.
Meaning When you go to the menu on Android it shows 7 buttons and hides the 1 button that's for iOS and when your on the iOS it shows all 8 image buttons. I have search on Google for two days now still lost.
I have one solution for menu buttons: Try this AwesomeMenu link.
You will have to make your own modification according to your requirement.
If you're writing a web app and you need to know if the app is being accessed on an Android device or an iOS device, you should look at the user agent string.
Here's a list of iOS devices and their user agent strings: http://www.enterpriseios.com/wiki/UserAgent (First hit on Google, can't speak for the accuracy).
Here's one for Android devices: http://www.gtrifonov.com/2011/04/15/google-android-user-agent-strings-2/ (again, no idea how accurate; do your own research to be sure).
You just have to look at navigator.userAgent in your JavaScript and figure out what device the user is using. That's a start, anyway. (You'll also want to look at the iOS web app documentation to see Apple's specific meta tags and stuff to make your web app work nicely on iOS, and I'm sure Android has something similar).
Hi I am currently developing a mobile application within Flashbuilder 4.5 Pro. However I am having issues as I cannot seem to add a drop down list to my application and have it work properly. I have created the code below and this effectively creates a drop down list and populates it with items, however when the user clicks on an item it is not selected in the field.
This also happens when I am testing it on my machine and the only way to select the item is to click on the list and then use the down arrow on the keyboard which I cannot do in the application. Can someone please help me????
<s:DropDownList id="sex_drpdown" width="150" height="61.35" labelField="value" fontSize="30" change="sex_drpdown_changeHandler(event)">
<s:ArrayCollection>
<fx:String>Male</fx:String>
<fx:String>Female</fx:String>
</s:ArrayCollection>
</s:DropDownList>
Although I'm coming in a little late to this question, we have created a Flex Mobile DropDownList and it is available as part of the Flextras Mobile Component set.
The issues w/ using the DropDownList in mobile relate to the differences between touch and mouse inputs and the way that the original DropDownList was structured.
Here is a sample of our Flex Mobile DropDownList. You can always download our free edition to test it out in the mobile emulators or on your device. The free edition can be used in production, but we do have pay options if you want source code or help.
Update: All Flextras Components went open source under the Apache License; so you no longer have to pay anything to use them.
I think what you really want is to use Combobox:
<s:ComboBox change="changeHandler()">
<s:ArrayCollection>
<fx:String>Male</fx:String>
<fx:String>Female</fx:String>
</s:ArrayCollection>
</s:ComboBox>
Actually there is not an issue with the DropDownList. As a mobile application - user just need to create his own skin for it. Adobe "discourage" it because it requires some advanced skills, which is not the prime target nowdays of Adobe ( which is wried ). Just create your own skin, and it will be more than OK. :)
DropDownList are not made for mobile application
We also tried to use a dropDownList on flex mobile,
but i doesn't work for it.
Our solution was to make a list pop up instead.
This is also used in many android apps and even an adobe sample app:
http://www.adobe.com/devnet/flex/samples/sales-dashboard-application.html
resolves the problem that way.