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).
Related
I have a question. I wanted to develop an app that would add a shortcut to the keyboard (Samsung SoftKeyboard).
The shortcut should be accessible via the dots at the top right (see attachment).
I would like to add a circle ("floating") over my app, as shown in the picture on the right.
Something specific should then be carried out via this circle (but that's not the point yet).
I've done a little research, but don't really know what to look for.
I hope you can help me.
thanks in advance
Example
afaik there is no such possibility to add anything in there. it's another app with own custom settings and options, you can't edit such or change in any way. your last chance is possibility of published API/some communication way for that app, which would allow to add such actions, but I very doubt Samsung made such API for own keyboard app and allowed ANY 3rd-party app to mess in their software... (btw. that would be very insecure for user)
I have a deployed website, working perfectly fine on local and server :
autrecote.be/en
except that the menu (including Description & Contact) doesn't work but only on smartphones.
As I used the Grav CMS, I didn't do the responsive adaptation and I have no idea where to begin to look. What could cause the links to work only on computer browsers ?
Thank you a lot for your help
EDIT :
Thanks to the answer below, I managed to find the error, these lines were in the file for the normal menu but not in the mobile menu :
Indeed, I found the error, this line was in the file for the normal menu but not in the mobile menu :
<li class='menu-item menu-item-type-post_type'><a href='{{base_url_absolute }}/{{ item.url|replace({"page:":''}) }}'>{{ item.text }}</a></li>
It is working now, thanks a lot.
It's not a matter of computer versus smartphone browsers. You'll see the same behavior if you make your desktop browser window small enough. (In Firefox you have a handy tool called "Responsive Design Mode" that you can use for this.)
In the page's source you'll see that there are two menus defined, one "normal" one and one "mobile" one (with the 'hamburger' icon with the 3 horizontal lines). It is this menu that seems to have the wrong links: the href values are things like page:description, instead of the actual page links.
I have a Google Sheet that we use to generate picking tickets for our warehouse. There are several columns that have barcodes. They are generated using the following function call:
=image("http://www.barcodesinc.com/generator/image.php?code=" & E3 & "&style=68&type=C128B&width=200&height=80&xres=1&font=0", 3)
This works perfectly and does exactly what we need it to do, which is using a PC to print the ticket and hand it off to the warehouse guys.
In my attempt to make the process more streamlined I want to replace the tickets with an Android tablet and let them scan from there. The benefit to that is that they can also manually update the Sheet with exceptions and other items that are not bar coded. Here is what I have run into:
On the android if I view the Sheet through the Chrome browser it I can see the bar codes fine, but as soon as I hit the edit button, it opens the sheet in the Sheets app and I can no longer see the bar codes.
If I open the sheet in the Sheets app I can edit the cells but can't see the bar codes.
Note, when using my PC workstation I can see the bar codes and edit the sheet with no problems.
So, not sure if this is actually a programming question or not, but what can I do in order to be able to view the bar codes in the Sheets app or to be able to edit the sheet in the browser like I do on my PC? Yes, I have requested the desktop site in options for Chrome.
Any help would be appreciated, I would really like to roll this out and save some paper.
I am now answering my own question in case anyone runs into this. You need to request the desktop site (in Chrome options) as soon as you log into Google Drive AND after you open the sheet. Now the sheet will switch from view only mode to edit mode in the browser.
Bonus question: Is there anyway you can force the browser to always open stuff in the desktop site? Specifically for Google stuff, but for any other site really since larger tablets can handle the 'full' site and don't need to be redirected to the m.version of the site.
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.
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.