FAQ Database Discussion Community


Change the width of a SINGLE JQuery Mobile Input field?

jquery-mobile
The other two answers on this question propose overriding div.ui-input-text {} However, I have multiple input fields on this page and also within my project. So those answers won't work as they would effect everything on my page or project. How can I modify a single text input? A class...

Jquery Mobile: Horizontal Buttons, fill container

javascript,jquery,jquery-ui,jquery-mobile,mobile
Working on a mobile app, I am trying to create two buttons, that should grow and fill their container. So in portrait view, the two buttons should use up the entire width of their parent, and in landscape view, they should also grow to fill up their entire parent. I...

jQuery mobile Multiselect doesn't update selected attribute

javascript,jquery,html,jquery-ui,jquery-mobile
I have a jQuery mobile custom multiselect, but when I select one item we have the list of items on the HTML select tag, but it is not updated with the selected attribute. Using the Multiple selects example of the page: <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"> <label for="select-choice-9" class="select ui-select">...

Missing jQuery Mobile icons on Opera Mini

html,css,jquery-mobile,opera-mini
I'm creating elements like that: <a href="#nav-panel" class="ui-btn-left ui-btn ui-btn-c ui-corner-all ui-btn-icon-notext ui-icon-bars ui-alt-icon ui-nodisc-icon"></a> It works ok on browser like Chrome, Android Browser, Opera, etc. but on Opera Mini icons are not visible. It's just an empty space. jQuery Mobile version is 1.4.5...

Changing the value of a jQuery mobile button with a set time

jquery,jquery-mobile
I am facing a very challenging problem due to my little knowledge in jQuery mobile. I have researched many solutions and implemented them but does not seem to work I have a button called click me When a user clicks on the button, the button becomes disabled and the text...

Hidden overflow showing in mobile browser but not in Desktop Browser

javascript,jquery,html,css,jquery-mobile
Here are the screenshots of my mobile browser and my desktop browser. My webpage has some overflow in x axis which I hid using overflow-x: hidden; Is there any way I can make my webpage render in mobile browser, the way it renders in desktop browser i.e. full width and...

jquery mobile all the data attribute references does not work

jquery,html,css,cordova,jquery-mobile
In my header i included <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css"> <script type="text/javascript" src="js/jquery-1.11.2.js"></script> <script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script> and whenever I use for example data-role="page" the expected effect does not acquire. why would that happen? edit: https://jsfiddle.net/f0eurafv/1/ notice the text input in the login form...

JQuery - Detect dimension of screen in cm/inches or alternative for displaying on mobile platforms

jquery,jquery-mobile,mobile
I have looked through all the information that I have been able to. As far as I can tell, it appears as if there is no way to detect the dimensions of a screen in cm/inches using jquery. I was wanting to do this because on mobile phones and tablets,...

How to get popups to be defined outside the page they're used in?

jquery-mobile,popup
According to this github: https://github.com/jquery/jquery-mobile/issues/4565 this issue is reportedly resolved yet I have tried to place a popup outside the div of the page a popup button is using latest jqm 1.4.5 and was unable to get the popup to work unless its popup is within the same div as...

Android 4.4.4 WebView in onPageFinished() getTitle() returns page URL?

android,jquery-mobile
I don't know if I am misunderstanding jQueryMobile or am I seeing a Chromium Webview bug. I have an Android app that uses a webview to display jQueryMobile content. When the user navigates within the DIVs of the page, in onPageFinished() I call getTitle() to retrieve the Html page title....

Snake Game with Mobile Button Controls

javascript,jquery,jquery-mobile,canvas,html5-canvas
In this Snake game, I need the buttons to control the snake just like the arrow keys do. This will allow the game to be played on a mobile device. You can see i have code in there for the buttons, but they are not working properly and not controlling...

Jquery Mobile 1.4.5 virtual keyboard in the device hides the form inputs at the bottom of the page

javascript,android,jquery,html,jquery-mobile
I'm using JQuery Mobile 1.4.5 to build a web app. I have found an issue which I'm sure is either a browser or JQM bug when using Google Chrome homescreen (fullscreen) mode in Android (v.4.4.2). When I click on the Click Here!! collapsible header and select the text area, the...

Javascript, Array of Objects?

javascript,oop,jquery-mobile,mobile
I am a bit of a JS noob, but have good .net experience in my pocket. I am working on a mobile website/app, and I have collected some data similar to business listings from a custom web service. On .net, I would have, at this time, started building a custom...

Undefined variable admob in PhoneGap AdMob plugin

android,ios,node.js,cordova,jquery-mobile
It's difficult for me to explain my problem because my english is not good, hope you would understand. This is my first try to make a mobile game, all done and I want to show ads by AdMob. I have tried some PhoneGap AdMob plugins such as admob-phonegap , cordova-admob-pro...

Change button size in Jquery Mobile with a specified class

jquery,css,html5,jquery-mobile
I am designing a Mobile Apps using Jquery Mobile, I hope I can get the result like this, But what I get is this: I dont want to use .ui-btn in my css, I already define custom-btn. Below is the code. <!DOCTYPE html> <html> <head> <style type="text/css"> .ui-page { background...

Popups fail in JQueryMobile 1.3.2 after update chrome version 43.0.2357.65 m

javascript,html,google-chrome,jquery-mobile,jquery-mobile-popup
Has the latest chrome version "43.0.2357.65 m" broken JQueryMobile 1.3.2 for anyone else? When I click a popup now it goes to the top of the page and the scroll bar dissapears. It was fine in previous version. The problem is affecting my applicaiton but is reproduceable on the JQueryMobile...

Unexpected data representation

javascript,jquery,jquery-ui,jquery-mobile,local-storage
So I have an app, that allows you to add data, and then it displays all the data(still wip). So I made a Create and Read functionality so far using localStorage and jQueryMobile and jQueryUI. But for some reason when I switch between pages(main page/add data page), I see cloned...

issue with panel data-display push

jquery,jquery-mobile
I'm just getting into jQuery Mobile - loving it but now hitting the learning curve. Basically I want a number of pages that call the same panel. I have the following. Most of it works. However every other "push" fails with the panel content disparaging at the end of the...

JQuery Mobile - Custom listview height changes on click

css,jquery-mobile
I have a JQuery Mobile listview with a custom item height (50px). Whenever the item is clicked, its height changes. How can I fixate the custom height? Fiddle: http://jsfiddle.net/3gnvhxth/6/ I am using JQuery Mobile v1.45 and JQuery 1.11.1. Before click: After click: HTML: <ul data-role="listview" data-inset="true"> <li class="custom_item"> <a class="custom_link"...

Use different library instead of jQuery Mobile for