Jquery Mobile: Horizontal Buttons, fill container
javascript,jquery,jquery-ui,jquery-mobile,mobile
Just remove the ui-btn-inline class. That class is if you DON'T want the buttons to fill the container. With that class gone, the grid solution will work. DEMO ...
AngularJs from xml to json
You cannot access the request using an XHR request because the server does not allow CORS requests. The service does not set the Access-Control-Allow-Origin header so requests are being prevented. This is probably intentional because the API documentation, available here requires that requests are authenticated by use of an API...
Can on-device sqlite database of a mobile app be updated without updating the the app at the app store?
android,sqlite,mobile,android-sqlite
Yes you can. You need to connect your app to a webservice from where retrieve the info, and then the app logic must update the database. One implementation could be: every time your app starts, it asks to the webservice "hey, do i need to update my database?" and then...
Javascript Battery API returning Infinite discharging time
javascript,android,mobile,battery
This value is Infinity if the battery is currently charging rather than discharging, or if the system is unable to report the remaining discharging time. https://developer.mozilla.org/en-US/docs/Web/API/BatteryManager/dischargingTime It basically says "sorry, dunno". Ignore that value as invalid and check back again later....
bootstrap responsive navigation. Toggle button position
mobile,responsive-design,navigation,bootstrap
Here is the updated js fiddle $(document).ready(function() { $('#arrowSearch').click(function() { $('#browseContent').toggle(); $('#arrowSearch').css("display", "none"); $('#arrowSearch2').css("display", "inline"); return false; }); $('#arrowSearch2').click(function () { $('#browseContent').toggle(); $('#arrowSearch2').css("display", "none"); $('#arrowSearch').css("display", "inline"); return false; }); }); ...
Is there any IDE for mobile development cross platform free for commercial use?
mobile,cross-platform,development-environment
So, I continued searching and here is what I found if anyone else wants to know: As Nick Dot Lee, says, there is Xamarin. It's paid, but there is a version for really small projects (Xamarin Starter). It allows you to make a code in C# and compile it to...
Scale Only One Image Down in Mobile View
css,html5,mobile,responsive-design
How about a @media query? HTML: <div id="wrapper"> <div id="header-wrapper" class="container"> <div id="header" class="container"> <div id="logo"> <a href="/index.html"><img id="mobilelogo" src="images/logo.png" /></a></div> <div id="menu"> <ul> <li><a href="/index.html" accesskey="1" title="">Home</a></li> <li><a href="/ourteam.html" accesskey="2" title="">Our Team</a></li> <li><a href="/services.html"...
Mobile parallax with fixed background
javascript,html,css,mobile,parallax
Here's a quite simple solution without any plugins and jQuery. Works on mobile: http://codepen.io/DreySkee/pen/6384ef57faaf278ed331c6c56e76fa0d HTML: <div id="fixed-bg"></div> <div id="content"> <div class="section addPadding"></div> <div class="section addPadding"></div> <div class="section"></div> </div> CSS: #fixed-bg { position: fixed; width: 100%; background: url('http://juliewight.com/wp-content/uploads/2013/11/space-wallpaper-widescreen-2.jpg') no-repeat;...
JQM: Correct touch event to use for navigation, that does not fire on finger scrolling
javascript,jquery,cordova,jquery-mobile,mobile
I ended up writing my own code to check screen tap locations on touch start and touch end, and to determine if it was a tap or a move.
Using Xamarin Forms, How can I change page without displaying a navigation bar?
I believe you have to call NavigationPage.SetHasNavigationBar () on the inner page, not the NavigationPage (mypage in your case) try doing the following: var pageOne = new PageOne(); NavigationPage.SetHasNavigationBar (pageOne, false); NavigationPage mypage = new NavigationPage (pageOne); MainPage = mypage; Edit with how to eliminate nav bar from loading screen...
CSS / Bootstrap - font-size not properly resizing from computer to mobile device: Font on Mobile device looks so small
css,twitter-bootstrap,mobile,responsive-design
Did you try setting the viewport? <meta name="viewport" content="width=device-width, initial-scale=1"> See developer.mozilla.org/en-US/docs/Mozilla/Mobile/...
Authenticate against an Azure Mobile Service App with ADAL.js acquired token
c#,azure,mobile,azure-mobile-services,adal
Ok, i found my bug: endpoints: { '<AMS app client id>': 'https://ampapp.azure-mobile.net/' } This should be endpoints: { 'https://ampapp.azure-mobile.net/': '<AMS app id uri>': } After this it works! I'm goind to publish a Angular modul to github which injects the token in the X-Auth-User header to every request like adal.js...
Fix horizontal scrolling
Okay, now i've seen it, it's better if we do this live via share screen because there are a number of things you need to do. section id="contact" remove it's padding. @media only screen and (max-width: 767px) .postWrap .row { remove padding. Your markup is wrong I think, you placed...
JQuery - Detect dimension of screen in cm/inches or alternative for displaying on mobile platforms
You simply need to set the viewport on your website: <meta name="viewport" content="width=device-width, initial-scale=1"> ...
How to use media query with div as screen for mobile preview in desktop website?
html,mobile,media-queries,screen-size
HTML <iframe src="link-to-the-site-you-want-to-demo.html"></iframe> CSS iframe{ /*your phone dimensions here*/ height:640px; width:320px; } ...
How to update value in Autoform Placeholder
javascript,mobile,meteor,meteor-autoform
{{> afFieldInput name='age' placeholder=age }} That should work. But this would populate the value of age by default (if already present) and only when the user deletes the value would the placeholder text show....
CKEditor 4.4.7 does not show up on any mobile browsers
android,iphone,mobile,ckeditor,ckeditor4.x
In general, CKEditor is compatible with iOS and Chrome on Android. If it does not show up in these environments, this is most often an issue with the environment detection mechanism being misled by the browser user agent string. Up till version 4.4.7 (actually, 4.4.8, but this one hasn't been...
PhotoSwipe not working on mobile
Most likely it's caused by mCustomScrollbar script that you're using, which stops the propagation of all touch events on mobile.
liferay like restfull api mobile
Liferay can act as a rest server by service buider (I'm not sure it will support any RESTful operation, but only GET/POST). By this way you can inherit the interesting features provided such as: - users, roles and groups - ready scalable platform - hibernate+ehcache already configured Ecc... by the...
Controlling a player using touch input on the mobile device
android,ios,mobile,unity3d,touch
Your trying to call HitTest directly from GUITexture like a static function but HitTest isn't a static function, you need to create a variable from GUITexture class and then call HitTest function from that object like this: public GUITexture guiT; if (guiT.HitTest(touch.position) && touch.phase !=TouchPhase.Ended) { guiT.texture = button2; transform.Translate(Vector3.right*30*Time.smoothDeltaTime);...
Increase fonts for mobile devices with Zurb Foundation
css,mobile,fonts,responsive-design,zurb-foundation-5
It appeared that starting with mobile-first is the way to go. So in my css something like this works with small devices: @media #{$small-up} { font-size: 200%; } ...
When debugging on an Android device, Video objects sometimes refuse to play a Camera or a NetStream object
android,flash,video,mobile,air
This will apparently only happen when running in debug mode. When I switched over to release mode, the problem went away, so something is wrong with Adobe's debugger. That being said, the AIR SDK I was using at the time I wrote this question was 3.4 (the default for Flash...
Difference between Liferay Mobile SDK and Liferay Screens
From the respective homepages of the products, first hits on google on the product names (bold by me): Liferay Mobile SDK is a framework for building native mobile apps that integrate with your different Liferay Portal instances and their portlets. The SDK provides the means for your mobile apps to...
Why does my viewport look different when I deploy to heroku?
html5,mobile,heroku,responsive-design,viewport
A few details you could check. (1) Rewrite the head of your page as below: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Notify</title> <link rel="stylesheet" type="text/css" href="./app.css"> <link rel="stylesheet" type="text/css" href="./bootstrap.css"> </head> <body> </body> </html> Note that I've declared the doctype, charset,...
How do you force a website to be in landscape mode when viewed on a mobile device?
css,asp.net-mvc,mobile,responsive-design,media-queries
Short answer, you can't and you shouldn't control a user's OS behaviour via a website. You can display a warning using the answer on the following question: forcing web-site to show in landscape mode only Or you can force your layout to look like landscape even in portrait mode using...
Unable to build new project in Android Studio
java,android,mobile,android-studio
try this File->Invalid caches/Restart->Invalidate caches and restart once the Android studio restarts and reloads check and see if it works.
Textarea with font-size:30px still autozooms when activated on mobile
Using the iOS developer tools via USB on my iPhone, I can see that your font-size: 30px has gone through. The reason @user1273587 could not see this via Chrome dev tools is because your @media selectors only change the font size on mobile. From my testing, the higher the font...
Android - is it possible to interact with apps?
The other app needs to be using a ContentProvider (I don't know if WhatsApp has one). See the reference doc. Other apps can interact with the ContentProvider app by using ContentResolver. This only works for apps that open up their content in this way. Otherwise, your app can't access the...
As a beginner mobile developer, I need some guidance
Heh ... "And just how long, Young Turk, do you imagine 'your future' to be?" In other words: "how many decades?" (Answer: "about five.") Are you even thinking in terms of "decades?" (Answer: "obviously not.") :-) Let me, therefore, give you this marvelous bit of good news ... (from a...
Bootstrap small device order of the grid row
html,css,twitter-bootstrap,mobile,row
You can use pull col-md-pull-* to your text. so your text would be in the left and when it small, it will be in the top. Or You can use push col-md-push-* to your picture. so your text would be in the right and when it small, it will be...
menu for mobiles no longer working
seems to be a z-index problem. Try modify the z-index of flexslider and navbar class with google inspector and check if the navbar is behind flexslider. I can't give you a complete solution because I need some code (css, jsfiddle...). Hope this helps. Regards...
How do I vertically fix an element in a mobile browser but still allow for horizontal scroll?
If you use a container box that is set to height: 100% and set the height of the html and body elements to 100%, then you can use position: absolute; top: 0; for the fixed header and set overflow: auto (or scroll) for the box that you want to scroll...
Mobile navigation - Not activating on touch
html,css,mobile,responsive-design
use the :active pseudoclass. It should work, but in some browsers you need a small hack to make it work : attach an event handler to the touchstart event on the body (ex:<body ontouchstart="">)
jQuery mobile library - buggy swipe detection
I can't find any information about bug like that but it looks like that this problem appeared in jQuery Mobile 1.4.4. Maybe you could try HammerJS instead of jQuery Mobile.
ng-view will not auto hide address/navigation bar on mobile devices
javascript,android,ios,angularjs,mobile
This cannot be solved, unfortunately, unless you want to use a different theme or make your own. This is caused by the CSS. By default, scrolling in Mobile Safari doesn't feel native—the page scrolls more slowly compared to native apps. In order to get smoother, bouncy, native-feeling iOS scrolling, a...
Why my access from my mobile to my computer network doesn't work?
This is a solution that I found to make it works when this trouble happens. It is not technical (or I don't think so) but it works for me and it's the following: I connect my mobile device to the computer via USB. I run my server (in my case...
Convert MVC Website to be Responsive
mobile,model-view-controller,seo
There are typically three methods for handling Responsive Design : Using A Responsive Design Framework Using CSS Media Queries Using Percentages The ease of using each of these will ultimately be based on how complex your existing Project is and how much you are willing to do and change to...
My background isn't appearing on some mobile browsers
If you are looking to show you bg image for the whole page , put it in a <style> </style> for example. <style> body { background-image: url("~/images/home-bg.jpg"); } </style> Make sure you put in your full directory because then there is no chance of miscommunication....
Simplified: White space on mobile when defining div min-width
html,css,mobile,width,removing-whitespace
If you want to create a responsive layout, for mobile devices, you should never use static min-width values, as there are many devices with different screen resolutions. To solve your issue just don't use the min-width property, rather just use width: 100% for the media query that you prefer, i.e....
Responsive CSS only working in mobile view, refusing to hide in normal view
css,mobile,responsive-design,haml
The reason you're seeing both of the footers is because you're viewing your website at a greater size than your $screen-lg variable. If you take a look at this fiddle, you'll see that when you make the browser window less than the $screen-lg variable (in this case, 1000px), you'll see...
Javascript, Array of Objects?
javascript,oop,jquery-mobile,mobile
It honestly depends what you want to do with this array If you are going to send it via an XMLHTTPRequest then I'd say you should use JSON format. var arr_of_objs = [{},{}]; //fill it up however you need it If this array is going to consist of objects with...
Mobile Apps using MVC ? Can we develope?
I'll try to answer this question although I'm not 100% sure what you mean by "enough". 1) Regarding the server side, mvc4 is a great option for choosing the server side, as you communicate in rest protocol, and I chose this product as my app backend. 2) Regarding the client...
Change form action url when mobile is detected?
You could use the following code to check for mobile devices and change the action of your form, and don't forget to include a jQuery CDN too: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { $('.myform').attr('action', 'mobile.php'); } }); </script> ...
How to remove splash screen on meteor
I think I found out how to do it. In mobile-config.js: App.setPreference('SplashScreen', 'CDVSplashScreen') ...
Cannot create custom toolbar button that works on mobile
javascript,jquery,jquery-mobile,mobile,photoswipe
In order to achieve this functionality, you must edit hte photoswipe-ui-default.js file. Your custom button must have the class pswp__button--myCustomButtonName as well as pswp__button. <button class="pswp__button pswp__button--myCustomButtonName" id="CustomButton" style="background:none;" title="Custom" onclick="CustomClicked()"> <img src="~/CustomImage.jpg""> Inside the photoswipe-ui-default.js file, you'll see a list of controls: var _uiElements = [ { name: 'caption',...
Mobile css loaded on chrome inspector but not working on phone
html,css,mobile,responsive-design,media-queries
Did you use the viewport meta tag ? Like this one: <meta name="viewport" content="width=device-width, initial-scale=1"> https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag...
Navigation icon not showing up on mobile version?
background-image does not have the multiple properties like position center. it should be background. Also for repeat syntax should be background-repeat. Update your CSS like below. #menu-icon { display: none; background: url(http://www.w3newbie.com/wp-content/uploads/icon.png) center; width: 40px; height: 40px; background-repeat: no-repeat; } Or You can use it like below. #menu-icon { display:...
Responsive website - slider content with images does not fit in mobile viewport
html,css3,mobile,responsive-design,slider
I did have a look at your site, and found you are using bootstrap for the responsiveness. And also a plugin for the slider. Bootstrap is not designed to work with other plugins. One workaround would be use a bootstrap slider which is also called carosel instead of the plugin...
no more allow open Drawer layout from right side in navigation drawer
android,mobile,navigation-drawer,slidingmenu
i have same issue, and i fix it bellow: toolbar = (Toolbar) findViewById(R.id.tool_bar); Drawer = (DrawerLayout) findViewById(R.id.DrawerLayout); mDrawerToggle = new ActionBarDrawerToggle(this,Drawer,toolbar,R.string.openDrawer,R.string.closeDrawer){ @Override public void onDrawerOpened(View drawerView) { super.onDrawerOpened(drawerView); } @Override public void onDrawerClosed(View drawerView) { super.onDrawerClosed(drawerView); } }; // Drawer Toggle Object Made Drawer.setDrawerListener(mDrawerToggle); mDrawerToggle.syncState();...
Responsive issue. Websites remains big while elements scale
html,css,wordpress,mobile,media-queries
You first need to specify the viewport in your <head> area. This will make the responsiveness come into effect properly. <meta name="viewport" content="width=device-width, initial-scale=1"> Read more about viewports here: MDN Along with that, there seem to be a couple of elements that you need to add to your responsive CSS...
Display Mobile Compatible when it's on mobile
This is using Media queries: @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { } Check This link for more details is just css style when the website on mobile, for example you want a div not shown on mobile device you can do this: @media...
The website can't be logged in using mobile devices
Alright...I just found that I missed another $_SESSION variable..so normally it should be: $_SESSION['user_id'] = $user_id; $_SESSION['display_name'] = $display_name; $_SESSION['email'] = $email; $_SESSION['phone'] = $phone; $_SESSION['email_confirm'] = $email_confirm; $_SESSION['loginby'] = $loginby; $_SESSION['member_type'] = $member_type; $_SESSION['action_time'] = time(); //the stuff i missed So it cause the user logout automatically after he...
Why is my navbar scaling the page on mobile?
The workaround I came up with was to set overflow-x:hidden on my overlay. I had tried this previously on the body, but on Android overflow-x does not work on the body; it must be set for a container. There is presumably a related reason that this issue only arose on...
Setting ContentView when updating a notification eventually freezes up the app? (Android)
java,android,mobile,service,notifications
I seemingly solved it by creating a new remoteviews every time I update the notification. RemoteViews newNotifContent = new RemoteViews(getPackageName(), R.layout.custom_notification); newNotifContent.setTextViewText(R.id.exerciseName, _currentExercise.getTitle()); newNotifContent.setTextViewText(R.id.setNumber, getString(R.string.sets_prefix, _currentSet, _currentExercise.getSets())); newNotifContent.setTextViewText(R.id.timeElapsed, getFormattedElapsedTime()); Notification notif = mBuilder.build(); notif.bigContentView =...
Firefox mobile: Links getting activated by touching elsewhere
firefox,mobile,hyperlink,scale,viewport
I think I've found a solution, however, I don't like it very much. Adding an "onclick" attribute (whether empty or not) to each unlinked element makes it touchable in Firefox browser. This can be achieved through a small JavaScript loop. Better solutions are appreciated!...
Rendering Error with Devise and Mobylette
ruby-on-rails,mobile,devise,config,renderer
Solved the issue with the following.. created an initializer and added this: ActionController::Responder.class_eval do alias :to_mobile :to_html end along with Preshant4020's suggestion config.navigational_formats = [:"*/*", "*/*", :html, :mobile] in the devise initialize and got it to work with no issues....
Bootstrap: Gap between columns on mobile display
html,css,twitter-bootstrap,mobile
Add a custom class .column-margin to set the margin between the rows/columns. @media (max-width: 991px) { .column-margin { margin: 2px 0; } } <div class="row"> <div class="col-xs-12 col-sm-8 col-md-8"> <div class="Columns column-margin"> <img src="http://placehold.it/300x300" /> </div> </div> <div class="col-xs-12 col-sm-8 col-md-4"> <div class="Columns"> <img src="http://placehold.it/300x300" /> </div> </div> </div> Codeply...
How can i render html website in nativescript application?
The documentation will help you quite a bit, but here are two examples: Example with url This example will create a new page with a WebView on it and then navigate to that page. Url may be local (html file on phone) or remote (http://...) var frameModule = require('ui/frame'); var...
Single page app viewport mobile using Foundation
javascript,css,mobile,responsive-design,zurb-foundation
I needed to add a min and max scale. Although I didn't test it, I imagine I just needed to add a max scale, as the content was flowing off the screen. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> ...
Strange Right Margin in Mobile View
css,css3,mobile,responsive-design
The padding-left for the signup form in footer is causing the page to show the scrollbar. footer > div.social-media, footer > form#signup { padding-left: 10%; } ...
Is there a standard pattern for verifying an async request is still needed?
multithreading,swift,mobile,closures
I've used almost exactly that approach before. I use an integer identifier, and increment it when issuing a new request. That way if the pending request is superseded by a new one you can just drop the stale response on the floor.
This code hits a roadblock on Android, any idea why?
Because you use CPU-heavy functions, specifically _textMouth.SetPixels(pixels); _textMouth.Apply(); And it's not platform-dependent issue. ...
How to use Meteor Slideout package
javascript,user-interface,mobile,meteor
ok, check this out: you have to add Slideout.js styles to your css and, use this onRendered function: Template.home.onRendered(function () { var template = this; var menu = this.find('#menu'); var panel = this.find('#panel'); var slideout = new Slideout({ 'panel': panel, 'menu': menu, 'padding': 256, 'tolerance': 70 }); // Toggle button...
How Does YouTube Stream Long-Form Videos to Mobile
html5,video,mobile,youtube,streaming
Your videos should not really take a long time to load even with 'normal' HTTP streaming if the CDN is doing its job properly. One possible problem might be the quality/bit rate of your videos - if they are only available in high quality or high bit rate then this...
Problems scaling to mobile and small screens in general
The problem is that your using fixed width's for the elements on your page. E.g. for the class .container you specified a width of 970px. Try using percentages, like so: .container { width: 80%; margin: 0 auto; //to center it } You can basically take this solution and apply it...
I'm using htaccess to redirect mobile users from desktop to website but i keep getting the $_GET variables inside
You need to check the mobile redirect first, and you need to include the request URI. <IfModule mod_rewrite.c> RewriteEngine on # Redirect mobile requests to the mobile site # (but don't redirect when accessing certain directories) RewriteCond %{REQUEST_URI} !^/images [NC] RewriteCond %{HTTP_USER_AGENT} "android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos" [NC] RewriteRule ^(.*)$ http://m.domain.com/$1 [R=302,L] #...
Parse & Pubnub for image messaging chat appllcation
android,image,mobile,parse.com,pubnub
Parse & PubNub for Location Based Image Messaging and Chat Here are a few resources that will help you get started with PubNub and Parse for Location Based Image Messaging and Chat. Note that we have an officially supported PubNub Parse Cloud Code SDK to help simplify your integration needs....
(Unity3d) How do I make a “move pad” on the screen? (Mobile)
You can use other MonoBehaviour methods such as OnMouseOver to check if a button is pressed, OnMouseEnter when a user begins to press a button, and OnMouseExit to check if a user has released the button. You can also use OnMouseUpAsButton to mimic the behaviour of Button.onClick For draggings movements,...
How to Remove class or activate class for specific view port only
css,mobile,media-queries,viewport,tablet
you can do something like below. Add both big and normal class to the div. But keep the class hierarchy like this. First normal then big now you can say at a particular viewport, make the normal's font size with important value. <style> .big { font-size: 2em; } .normal {...
Variable price for mobile app for various countries [closed]
android,ios,mobile,mobile-application
for ios SKProduct has a property "priceLocale" , which provide you local price of product (based on device local by default). For each in-app purchase item you have to create a separate SKProduct object with a valid "productIdentifier". SKProductsRequest *request = [[SKProductsRequest alloc] initWithProductIdentifiers:[NSSet setWithObject:bundleID]]; request.delegate = self; [request start];...
How can I check if my website appears correctly in mobil devices? [closed]
android,html,iphone,mobile,web
You have a couple of options. You could use chrome, open the developer tools, and click the little device icon in the top left corner. From there you can resize the browser to see how the site conforms. They also have presets for popular devices. The other option is to...
What is the best way to implement icon based custom toolbar with Xamarin?
android,mobile,xamarin,android-actionbar,toolbar
You may use the new Toolbar widget, with a custom layout, but I would recommend to use a TabLayout with a ViewPager, instead. Look at the material design guidelines about the use of tabs in Android applications....
Cordova ENOENT Error
I think you have removed the plugin com.connectivity.monitor manually instead of using the Cordova CLI. Correct way of removing plugins would be cordova plugin rm com.connectivity.monitor, which will clean the file system and clean-up all the necessay XML files. What you could do now to resolve all issues is remove...
Performance Testing for Native Mobile Applications
android,performance,mobile,apk,performance-testing
UI Test/Performance/Stress (app crawlers / monkey testing) Android Monkey http://developer.android.com/tools/help/monkey.html Monkop http://monkop.com/ Others: AppThwack, Testdroid, GameBench Load/Volume (api oriented) Blazemeter Apica ...
Efficiently sorting large arrays of people by their proximity to the user
javascript,arrays,sorting,mobile,latitude-longitude
It all has to be tested but here are some ideas that I would try. For heavy use of trigonometric functions you can use lookup tables. This is always a good idea. For example precompute 360 (or more) values of sin() and for every sin(radians) in your code use sinTable[degrees]....
How to make :hover more mobile friendly and accessible? [closed]
css,user-interface,mobile,sass,user-experience
First of all, I do not recommend using dropdown menus for anything that's intended to be used on touch (so nowhere, really). But if you want to try to make it work anyway, you could try: Use JS to open the menu on touchstart and close it on touchstart outside...
div css styling not responding to media query for width
Your css rule for '.footerbar li a' on line 2392 of your Style.css file is missing a closing brace. That is what is causing some of your media query css to be ignored. You have: .footerbar li a { padding-top: 15px; color: #CCCCCC; padding: 0px 100px 0px 0px; position: relative;...
Re-ordering bootstrap columns on desktop and mobile views
html,css,twitter-bootstrap,mobile,twitter-bootstrap-3
Try rearranging the structure and using the flexbox concept to reorder the columns in mobile devices: HTML <div class="container"> <div class="col-md-9 one"> <p>Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum </p> <p>Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem...
Avoid long-tap behaviour on mobile devices while pressing a button
javascript,android,jquery,ios,mobile
You're going to want to include touchstart and touchend events for mobile. Additionally, you're going to want to make sure the functions you give for them includes a call to evt.preventDefault(). Doing this effectively tells the mobile browser "Hey, you know that thing you normally want to do right now?...
How can I add a “tag” to a contact?
did a work around this was what I've done in the end (I'm using Notes field instead of a custom one) try { ArrayList<ContentProviderOperation> ops = new ArrayList<>(); ops.add(ContentProviderOperation.newUpdate(ContactsContract.Data.CONTENT_URI) .withSelection(ContactsContract.Data.CONTACT_ID + " = ? AND " + ContactsContract.Data.MIMETYPE + "=?" , new String[]{Long.toString(item.getContactId()), ContactsContract.CommonDataKinds.Note.CONTENT_ITEM_TYPE}) .withValue(ContactsContract.CommonDataKinds.Note.NOTE, value) .build());...
AngularJS $http and jQuery AJAX not firing on Mobile Browsers only
Check your URL. It says localhost, so it wont work unless your server is residing in the mobile (localhost means server present on same machine). You need to give the proper url. That means, if you are using mobile browsers, you might be giving url in the address bar like...
Website looks different on actual mobile device than with spoofed user agent on desktop
These tools are not intended to "emulate", but to merely pass the correlating user-agent string for any site that may be sniffing the user agent for any reason (conditional CSS etc.) Browserstack.com or the physical device itself is a sure way to test sites consistently, but for a cost.
Background image issues
JQM sets a minimum height for pages of about 230px at page load so the background doesnt fill the whole page so you need the actual height of the window and set that as the minimum. you may need to adjust the minus 120 pixels from the total window height,...
Stop Prevent Default in else clause
Try moving e.preventDefault(); into the appropriate branch of the if statement for example: $('.touch .mobile-list > li > a').on('click', function(e){ if($(this).parents('li').hasClass('visible-submenu')) { $(this).parents('li').removeClass('visible-submenu'); e.preventDefault(); } else { $('.mobile-list li.visible-submenu').removeClass('visible-submenu'); $(this).parents('li').addClass('visible-submenu'); } }); ...
Secure way to download AWS S3 Contents from mobile app
mobile,amazon-web-services,amazon-s3,amazon-cognito
Amazon Cognito and the AWS Mobile SDK are designed especially for the use case of downloading content stored in S3 from a mobile app. You can use Cognito to provide temporary, limited-privilege AWS credentials to each user of your app. You can enable your users to start using your app...
“Mobile first” or last from a breakpoint perspective?
It's near impossible to design something perfectly for every possible screen. The basic "breakpoint" as you put it has always been to determine what the client needs, and what they expect. Presently, most clients need a site that meets some basic mobile requirements or at least has a few mobile-friendly...
uncaught typeError: cannot read property 'querySelectorAll' of null
javascript,jquery,mobile,navigation,internet-explorer-11
Your desktop site does not have an element with an ID of "mp-menu." When you call the getElementById method, you're getting null in response. This is then assigned to the el property of the object. When you attempt to call querySelectorAll, you're attempting to do so from a null value....
iOS 7 jQuery animation fail on mobile opera
jquery,mobile,ios7,safari,jquery-animate
I find out what is wrong. I still don't know why, but jQuery animate function fails. Best thing is that after remove scrollLeft: offset.left it works perfectly.
What can I use to view a mobile device remotely instead of VNC options which are too slow?
user-interface,testing,mobile,vnc,mirroring
You can try seeTest Manual tool http://experitest.com/support-2/seetest-pricing-manual/. It is a free tool. Very easy to install and setup. You can remotely connect and control your android and iphone devices from PC. It is just like interacting with the mobile phone from desktop.
initial-scale = 1.0 + width= device-width not fitting the whole screen on any mobile
mobile,responsive-design,media-queries,viewport,initial-scale
The problem is the main container which has a fixed width, instead of adaptive width based on screen. My guess is that the theme is crap! Here's a fix: *, *:before, *:after { margin: 0pt; padding: 0pt; box-sizing: border-box; } .content-pad { width: 100%; } To be more specific, you'd...
Scaling Website to Fit Mobile Screens
html,css,twitter-bootstrap,mobile
If you set the .container to a fix width, it won't adapt. Change this: .container-fluid{ width: 800px; margin: 0 auto; padding-top: 2cm; } To this: .container-fluid{ width: 100%; max-width: 800px; margin: 0 auto; padding-top: 2cm; } And it will adapt to screen until it reaches 800px, then it won't expand...