Always show table headers
I dynamically fill a reflow table and call "refresh" and "recreate". Once I have a small mobile device display, the content switches to vertical alignment as expected. But the table headers are not visible anymore! How can I make them always visible? Note: When I manually create a table it works perfect. <table data-role="table" id="table" data-mode="reflow" class="ui-responsive table-stroke "> <thead> <tr> <th></th> <th>Tag 1</th> <th>Tag 2</th> <th>Tag 3</th> <th>Tag 4</th> <th>Tag 5</th> <th>Tag
problems with scripts
Hi, I have porblems here is my code <!DOCTYPE html> <html> <head> <title>el altruista</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1"> <link href="C:\Users\paulong\Documents\ahorasi\app\conf-rooms\css\themes\2\tupacata.min.css" rel="stylesheet" /> <link href="C:\Users\paulong\Documents\ahorasi\app\conf-rooms\css\themes\2\jquery.mobile.icons.min.css" rel="stylesheet"/> <link href="C:\Users\paulong\Documents\ahorasi\lib\jqm\1.4.5\jquery.mobile.structure-1.4.5.min.css"
Jumping to an anchor with javascript while using the multi pages from jquery mobile
Hello, I am using the multiple pages template from http://demos.jquerymobile.com/1.4.5/pages/ for my Battleships game. I've got a function where it is vital to jump to another internal page without reloading it. Unfortunately I cannot use a normal anchor here without rewriting it all, so it would be very nice to use javascript. If there is a way to do that please tell me. Best regards, Clemens
DOM insertion and CSS Style
Hello, I'm french so i have not a good english, sorry !! I developp a responsive web applicatino with jquery mobile, i use ajax for my query and i insert table row and submit button in the DOM. My problem is when i insert dom elements their CSS style is loose, the css style of jquery mobile don't aply. Thank You for your help
Mobile framework Survey Research
Hello! My name is Grega and I am a student at University of Ljubljana Slovenia. I found your e-mail address at the Google Play Store. I am working on a research for my BSC thesis where I want to compare different frameworks for developing mobile applications (i.e. Ionic, Xamarin, JQuery Mobile, ...). To complete my thesis I require answers from actual developers who use this framework, therefore I kindly ask you to answer to my survey, regarding some of the properties of the framework. LINK: https://docs.google.com/forms/d/1nq5Uauo-YDR0Unf6pwyi8qz6sHZC8dGOvs6Phx3He0E/viewform
Reponsive div
<script src="http://jwpsrv.com/library/DU1hDEYwEeOAsiIACqoGtw.js"></script>
<script type="text/javascript">jwplayer.key = "inGvM6eezfVUavuJaws/63YPyejCjw0cnOY0TQ==";
if (navigator.userAgent.match(/android/i) != null){jwplayer("tvplayer").setup({file: "http://mn-l.mncdn.com/showtv/showtv2/playlist.m3u8",stretching:'exactfit',image: "http://www.canlitv.name/wp-content/themes/wpt-tv/images/player.png",width:"100%",height:"55%",type:"mp4",primary:"html5"});}else{jwplayer("tvplayer").setup({playlist:[{image:
Dynamically added page with external header / footer makes page jump
I have a page with one static page and one dynamically generated page. When changing page to the generated one it will be placed ontop of the header for a short period of time. After a few milliseconds it will jump into the correct position. Here is a fiddle showing the problem, going to page2 will generate a page and going "home" will show the static page. http://jsfiddle.net/Viktor/mz99kju0/1/
meging html files
Hi All, I have 50+ html files with around 150+ pages (data-role=page) I want to load them at once, in fact i am ok with loading delay for first time load. but i dont want to keep 150+ pages in one html file is there a way of doing #include type mechanism ?
Getting blank page when website is opened in iOS 8.3
When I open my website in Safari with iOS 8.3, I get a blank page. I'm using the latest jQuery mobile library (1.4.5) and the website is displayed fine in iOS 7 and iOS 9. If I commented out the code that loads jQuery mobile script, the website is displayed but without the effects of the jQuery library. Any help is appreciated. Thanks.
Infowindow
Hello guys, I'm trying to create a google map page that with display hotels and I want that the infow window to contain the site of that hotel and when people click on it I want them to be linked to tat particular site. The code tha i used the below : var cityHotel = [ ['HOTEL OLYMPOS', 37.6740392, 21.4361431, 10, 'img/pink.png'], ['HOTEL MARILY', 37.675677, 21.436359, 11, 'img/pink.png'], ['HOTEL ΠΑΝΘΕΟΝ', 37.674106, 21.4372605, 12, 'img/pink.png'] ], demoCenter = new google.maps.LatLng(37.6719964,21.4443562),
How do I make header bar opaque
I have a page with a header bar that contains the HTML title and a Home button. On a long page that scrolls, the header stays in the same place and the text scrolls under it, which is what I want. But the header is transparent and the text is visible under the header as it scrolls past. I want an opaque header, what do I need to change in CSS? I'm using JQM 1.4.5. The top part of my HTML looks like this: <!DOCTYPE html SYSTEM "about:legacy-compat"> <html> <head> <meta http-equiv="Content-Type" content="text/html;
Autofocus for input text field, Urgent
I want autofus for text field which i am using for search. This is coming in desktop and android browsers, but it's not working in ios app and safari browser. Help me. Thank you.
Draggable widget/function in jQueryMobile
Is there such draggable api in jQueryMobile, similar withe the draggable in jQueryUI. As below sample code: $(function() { $( "#draggable" ).draggable(); });
Posistion of window on postback
I'm using ASP.NET forms to create my pages. When I use dynamic data the data is created below the button submitted. Filling a gridview for example. I would like to re-position the window at the top of new data not the top of the page. I have ajax turned off for the page. I have tried Javascript, A anchors, and the MaintainScrollPositionOnPostback in the header. Any help would be appreciated.
CDN from code.jquery.com vs ajax.googleapis.com
Recently I had a web app stop working because of a problem loading the jquery mobile (and jquery) libraries from code.jquery.com but only in chrome and firefox (but not safari which loaded fine)... I switched to ajax.googleapis.com and everything is back to being AOK. I clearly don't quite understand what is going on.... can someone enlighten me? Sorry if this is the wrong forum...
exit button
i'm making an android app using html/jQuery/jQuerymobile and phonegap. and now i want to add a exit button on my app's home page.i tried diffrent codes but it does'nt work. what should i do now? what's your advice?
Grid was not fit into my screen correctyl
hi I use a Grid in to my screen but it was not fit in to my screen correctly belew is image please help me and my jsp page code is: <!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"
Cannot set background color
Hello! I cannot set the background color of the page. Use <style> .ui-page { background-color: red; !important} </style>but color is not changed.
select menu was not load in ajax
HI, I'm create two select menu in jqm page, and load option value in ajax,but first select menu will load second menu was not loading ,if I refresh a page two select menu has loading correctly, please help me <!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
Youtube video breaks transitions
Hi everybody I'm working on a phonegap app based on jquery mobile. On a touch on listview I populate a page2 wit ajax then I slide from page1 to page2. Everything is fine except that in Android when I have a youtube video embedded in page2 the transition doesn't work. I'm using slide animations. The transition works fine on iOS and when there are no Youtube videos in page2 on Android. Do you know what can I do to let the animation work also when there is a video in page2? Thanks.
Using icons as only icons
In http://demos.jquerymobile.com/1.4.4/icons/index.html#&ui-state=dialog under "Example of the class being applied to a wrapper." an example is giving with black icons. What should I use in HTML and CSS to show only the black icons? That is, the black ui-btn-icon without the link element and without the border-radius. If some could post a working example would be great.
Responsive pages in jquerymobile
Hi i'm using jquerymobile, html , css and phonegap to build an app for android. i have a problem : when i run it on small devices for example 3.5 inch, everything is ok but when i run it on bigger devices the page will not sterech and fit to device's height and width... And on even bigger screens like tablets i have alot of white space so what should i do to fit my app to every device to width and hieght??
How to render new lines for placeholder in Firefox?
A textarea with a placeholder with new lines renders new lines correctly in Chrome/Chromium but not in Firefox 40. Here https://stackoverflow.com/questions/7189223/can-you-have-multiline-html5-placeholder-text-in-a-textarea is some background information on it but I was wondering if jQuery Mobile offers functionality to force the new lines. Is there and how can that be used? Or is this a feature request?
not loading css style when first time page load
HI , I am new for Jquery mobile ,and i am creating new application in this , i am using jquery mobile and here I'm using spring controller for navigating pages,so it will navigate correctly,but some contants in the page will not loaded correctly(example radio button). So if I refresh the page it wil loaded correctly. and another problem is if I go back for previous page it'll also same, css styles not loading correctly,but refresh the page it work correctly Please help me Thanking you, Guruprasad
Collapsible minified help?
I'm doing a TODO collapsible view and have some problems 1. Collapsible became short when I put it inside footer - WHY? how to fix to 100% length? 2. rows are so big, I want everything inside minified and remove that huge padding around 3. why collapsible is not aligned vertically with buttons? how can I fix it? 4. I did a grid because I could not fit it regulally. But I want to make it responsive so everything fits and if it does not it floats lower. How do I do that? http://jsfiddle.net/xLvL7cd7/1/
JQuery mobile 1.4.5 min js not working with Windows Phone 8.1
Hi, I'm developing a windows phone 8.1 app using JQuery, WINJS and backbone. The app is running fine while debugging, but when the app is packaged for release (.appx). The app crashed. upon diagnosis we figured out that window.location is becoming null while the app is installed and when Jquery.mobile.1.4.5.js is loaded. Any idea why is this happening?
Resize popup on orientation change
Hello, im developing an app for android. Inside the app i want to show the changelog inside a popup. On flipping the mobile device, the popup should resize to the available height. Here is what i have. index.html <div data-role="page" id="Changelog" data-iscroll="enable">
<div data-role="header" data-theme="a">
<h1>Changelog</h1>
</div>
<div role="main" class="ui-content changelogdiag">
<div data-iscroll="scroller" class="ui-content changelogdiagscroll">
......
</div>
</div>
</div>
download PDF from web service using json
Hi, I have a WCF service that creates a report in PDF, it works, since I have a C# app that use it, however I need to use the same method to obtain the same document in my jquery mobile application. This is the method that generates the document: public void exportToPDF() { SqlConnection conn = DbManagement.getConnection(); conn.Open(); SqlCommand objCmd = null; String sql = ""; String fileName = ""; DataSet ds1
Downloading multiple text files to the device and showing transfer progress
I have been tasked with creating what on paper seems a simple mobile application. Because of the portability, we have chosen the Intel XDK as our development tool utilising HTML5/JQuery. Basically, the mobile app will have three options: 1. Download data - stock, operators, accounts etc. 2. Process transactions - record items allocated to the end user and by whom. 3. Upload transactions - pass transaction details back to Back Office system. I have made a start on the first of the options,
accessibility issue
hi all, in my android app i have a webview with some html ui. i use vh vw for controls, so that my ui scales proportionately for tabs. but problem is in text box when keyboard shows up, the entire page shrinks and when keyboard is hidden, controls are jumbled up. what is the way to stop this behaviour ? withot resizing page scrolling up is ok.
jQuery Mobile no styling after using Ajax .load()
I'm using an Ajax call to get a list of checkboxes to appear in a panel after the user presses login. The data loads in fine but there is no JQM styling on it, its only the default browser styling. The id of the checklist is filterlist, and the div where I want to put it is called test1. $.(document).on( 'click', 'loginbutton', function() { $( '#test1' ).load( "test.html #filterlist" ); });
jQuery Mobile header disappears shortly
I use the following html to show a fixed header: <div data-role="header" data-position="fixed" data-tap-toggle="false"> <h1>Title</h1> </div> When scrolling through a listview, clicking a link from that listview and thus going to another page (a real page not a hidden div on the index file) and returning to the listview via a data-rel=back, the header shortly disappears/flickers. Can this be fixed?
jQuery fixed header
Did jQuery Mobile already fixed the iOS "bug" of the fixed header? When working on Android (in combination with Phonegap by the way) the fixed header stays fixed when focusing on an input field, but when doing this on iOS the header starts scrolling. Is this a jQuery Mobile flaw or an iOS feature? I have found numerous ways of hiding the header onfocus, but I would simply like the header to stay at the top of the page/app. Can this be done?
stop page unnecessary scrolling
hi all, i am using jqm 1.4 in webview, in ios android. my problem s, in case of 2 or more text boxes, the last text box, which is copletely visible, is pushed up when on focus, keyboard appears. also header and footer scrolls up. i need page scrolling to happen, only if absolutely necessary, also to just an extent that it is available just above keyboard end. i found a solution, but that is phonegap plugin which showed up native keyboard, but i cant use it, because i am not using phonegap, just
problems updating Adobe Dreamweaver CS6 jquery mobile versions
First of all I want to thank Nancy for her help, it helped if I was going to download jQ and jQM to page. But I want to keep them jQ&jQM local. I am building a mobile app and I would like to use the jQuery Mobile with theme (local) template. Currently I have Win 8.1 box and have DWCS6. Currently I have the default jQ & jQM files. My goal is to update to: A) jquery.mobile-1.4.5.min.css B) jquery.mobile-1.4.5.min.js C) jquery.mobile.theme-1.4.5.min.css D) jquery-1.11.3.min .js I go through
Get pixel color from image with JQuery Mobile and IOS
Is it possible to get the RGB value pixel from image on tap ? Is there a complete example of this? I would use jquery mobile to recognize the color where I touch on my IPad. thanks
Loss of collapsible functionality within InfoWindow revisited
I'm using JQM to develop a tide and weather app - (single page - multiple #pageId's) Example view: (http://www.kingfishermobile.rez72.net/index.php) On pages #two and #three, I have select drop-down delivering tide and weather data where collapsible functionality works with a little help from additional code: Example: $( document ).on( 'pageshow', '#three', function() { $('#resultContainerMX').hide(); $('#selectMX').on('change', function() { var location = $('#selectMX option:selected').val();
Thank you jQuery Mobile developers! and some feedback
I want to say thank you to jQuery Mobile developers because: is the fastest and simple and more developer-friendly way to develop web application i learned it very fast i became able to develop web app alone and very fast i was thinking about suicide with Angular.js each line of code is poetry it works on all platforms and browser not OOP forced My feedback to improve the product: make UI more personalizable (ThemeRoller is not very good, simple customization). To have very good CSS customization
Input Check Label blocks javascripting checking of checkbox
I have tried to replicate this on jsfiddle, but there doesn't seem to be an issue. The issue seems to be with JQM. I have tested the real file in chrome@windows and chrome@android using JQM 1.4.5 and the issue seems to be there on both devices. https://jsfiddle.net/bdvwk15q/ I have an android application with a webview reading local jqm files. On document ready I am checking if the checkbox should be checked or not. However when I use a label it won't display the updated checked state. This works,
jquery mobile data icons not showing (grey circles only)
i have tried placing the image folder in to a server to no avail pliz help the link are okay <link href="../../Third Party Source Code/jquery-mobile1/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css"/> <link href="../../Third Party Source Code/jquery-mobile1/jquery.mobile.theme-1.4.2.min.css" rel="stylesheet" type="text/css"/> <link href="../../Third Party Source Code/jquery-mobile1/jquery.mobile.structure-1.4.2.min.css" rel="stylesheet" type="text/css"/> <script src="../../Third Party
Next Page