Changing the data-icon colour from white to black?
Hi, is it possible to change the CSS so that I can change the colour of the icons (data-icons) from white to black? I have tried looking through the code but cannot find out how? Thanks.
ListView Master detail
Hello I'm a beginner. I wanted a working example of a listview type master and detail with data loaded from the websql database. Thank you
Page Transition Problem with Safari and Google Maps API 3.31
Google recently moved to Maps API V3.31. Now in Safari if I select the Back button on any page it does not respond on the first tap. The second tap does seem to work. <a href="#" data-rel="back" class="header-btn ui-btn-left"><img src="css/images/white/765-arrow-left.png" />Back</a> But then any panel (popup, page) that gets closed always goes to the main panel. This does not happen in Chrome. And it does not make any difference if its the page the map is on. Just having the API loaded causes the
changePage () loads and returns to the previous page
Greetings. I am developing an application for the loading of articles for an invoice, and I have been using changePage () without problems usually a series of inputs are initialized and selects with javascript / JQuery. but when you search for an article and load a datatable it shows me the resulting page with the datatable loaded and returns me. Next I show the used code. Custom toolbar element within the datatable: <div data-role="controlgroup" data-type="horizontal" data-mini="true"> <button
JQuery Mobile Textbox inside a iframe is malfunction in UIWebView
Hi All When I use UIWebView to browse a html having iframe to include another jquery mobile form, the textbox inside the form is malfunction. Please find my attached code Test1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test Layout</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
jQueryMobile multi select issue after bundling
Hello, I am using jquery mobile custom selects menu with multiple options. (http://demos.jquerymobile.com/1.4.3/selectmenu-custom/ ) Below are my mvc partial view code: <label class="clsLabel" for="fruits">Select Fruits</label> <div class="ui-select CustomSelectClass"> @Html.DropDownList("fruits", Model.GetFruits, new { id = "fruits", @multiple = "multiple", @data_native_menu = "false", @class = "fruitClass" }) </div> Above code generates below
Converting Web Applicatiion To jQuery Mobile
I have a PHP web application and I want to create a jQuery mobile version - Are the any tools that would do a lot of the work/conversion for me or do I need to rebuild the forms/layout etc from the ground up. The CSS/layout is pretty old so the first instance we wanted to build the jQuery mobile version then detect mobile/tablet devices and redirect them to the jQuery mobile version. 2nd phase is to build the mobile apps for iOS and Android but I'm primarily concerned with creating the jQuery mobile
JQUERY MOBILE: PROBLEM SUBMIT FORM
Hello I use this script to send the form data after validating it. The problem is that when I press the send button it tells me that you have to complete the field (required) but still sends me the data to the server. How can I change the code to send me the data only after the validation has been completed? <!DOCTYPE html> <html> <head> <title>Forms</title> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
Populate <div> from a remote source on button click.
Hi, how do I populate a <div> from a remote JSON file. The file will be on a remote server but I want to Here is a fiddle: https://jsfiddle.net/lammie71/sr02zcky/10/ When the load data button is pressed I want the "JSON_data" div to be appended by listing all the long_name from the remote file: http://paullamacraft.com/abc.json Any help or advice would be great thanks.
Dynamic listview no display
Hi I have put up this page with external json data to display. i have no idea y it does display json. but on the console there was no errors. please tell me where am i wrong. -------------------html-------------- <!DOCTYPE html> <html lang="En"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>----SRM----</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
group horizontally a textinput and a checkbox
Dear all, I am trying to design a web site in jquery, but I am struggling with a display problem. I would want to display a search screen with an optional date (optional is selected with a checkbox placed at the right of the date entry field. I tried with an horizontal controlgroup (from http://demos.jquerymobile.com/1.4.5/forms-field-contain/), but each time, the date entry and the checkbox are displayed vertically instead of horizontally. I copy-paste the full html code of a simplified example
Dynamic json listview trouble
Hi here is my code. ---------------------------------- <!DOCTYPE html> <html lang="en"> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" /> <link rel="stylesheet" href="css/app-3.css"> <script src="js/jquery-1.9.1.min.js"></script> <script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.js"></script> <title>test 4</title> </head> <body>
page display error in chrome
hi, i am too to try this jquery mobile. i did everythiing as in demo page. yet chrome through error. plase take a look the screen shop. hope you would help me fix. thanks kristtee
Stay on same page after form, show result in div.
Hey guys n gals, Got a bit stuck, fairly noobish on the jQuery side of things here. (more back end coding only, but the designer guy has decided to step out for a bit. I am submitting a form, to a script, what i need back from is it is a dynamic response, in the form of a webpage pull after sending through the data via POST. (sorry if i'm explaining it wrong.. but like a jQuery powered dynamic select box, but... with a form post thrown in. thanks in advance, and would be much appriciated! Regards,
When using a hard-tap gesture, my jQuery Mobile screen freezes
Here's what happens when I do a hard-tap on any page: 1. The view window scrolls to the top of the page and the header and footer are displayed. 2. The screen freezes. I'm unable to scroll up or down. I can click my "Back" button which takes me to the home page. But the home page is also frozen. If I do a browser refresh, that resolves the problem until I do a hard-tap gesture on the screen. I only have an iPhone for testing; so I don't know if this same anomaly occurs with an Android device.
using katex.render() in panel crashes
Hallo there, I try to use katex equations within panels, but it dont work properly. How can I use katex inside panels. Where should I call katex.render()....? The code-example is attached.. Thanks in advance! Bernd
JQuery Mobile Toggle-Switch in Listview
I'm trying to build a mobile Webinterface with Jquery Mobile. I've got three questions: How can I set css tags for #List li a h2 and #List li a .ui-li-aside? How can I center the toggle switch on the right size? How can I call a different Function by Click on the Toggle Switch, than by a Click on the Listview-Element? Since I'm new in Web Developing, it would be nice if someone of you can answer my questions. This is my Source Code: <!DOCTYPE html> <html> <head> <meta name='viewport' charset='utf-8'
Mobile Popup Help Please
Hi Everyone I am new to these forums and to jquery mobile and starting to develop strong feelings for Jquery Mobile :-) But we have hit a stumbling block in our relationship and I hope someone can help :-) Jquery - 1.11.1 Jquery Mobile 1.4.5 I am using the lightbox code as shown in the documentation and would like to place a link and text the thumbnails so users can be directed to another page but also maintain the popup functionality. <a href="#popupParis" data-transition="fade" data-rel="popup"
Collapsible widget div too wide
Hi, i have some collapsible widgets and i noticed they are a little more wide than buttons using the ui-btn class: https://theredlips.digitalking.it/giochi/index.html I tried one solution found on Stack Overflow but seems not working .Collapsible, .Collapsible h4 { display: inline !important; } .ui-btn-inner { white-space: normal !important; } Have suggestions so i can have all the elements exactly the same width? Thanks!
What event to use to call taphold?
I'm technically using a separate script for taphold instead of jQuery Mobile, but when I tested with JQM I had the same problem. I have a page (infinite scroll) with potentially 2000+ elements. I want the user to be able to taphold any one of these elements to run an Ajax script. What is the proper event to use in order to trigger the taphold? Here is my code: function holdClick(id, username) { $('#list_' + id).on('taphold', function(e) { alert('worked'); // I tried removing the following
swipeleft breaks, inline elements become blocks, when using jQuery 3.3.1 and mobile 1.4.5
When I try to use the stable releases of jQuery and jQuery Mobile, I'm having 2 specific problems: 1. The swipeleft feature stops working. No errors in the console, it just doesn't fire. Changing jQuery to 2.2.4 and leaving jQuery Mobile at 1.4.5 does work, though. 2. All on my <input ...> <label ...> elements turn in to blocks instead of inline. The labels still show up inline, but there's an apparent break (and tab) after each <label>. And removing the <label> tags doesn't help, it just puts a
Anchor inside listview causes page refresh
<ul data-role="listview" data-inset="true" class="tablist-left"> <li id="link-home">Home</li> <li id="link-questionnaires">Questionnaires</li> <li id="link-forms">Forms</li> <li id="link-demographics">Client Information</li> <li id="link-logout"><a href="/Account/LogOff" data-ajax="false">Log Out</a></li> </ul>For some reason once I add an anchor tag inside of my list element when I load up my page it loads fine at first, then immediately reloads the page
boostrap 3 line navigation (hamburger)
I am used to bootstrap having the 3 lines navigation icon when menu is display on a phone. I was surprised not to see the same navigation available on jquery mobile. 1. Is this something that is plan as a new feature in jquery mobile? 2. Anyone has an alternative that works? I tried some plugins but NONE display correctly. I dont think the ones I tried were design to work with jquery mobile Thank you
Updated jQuery Not Working On iPhone
I have no experience with jQuery. I want to upgrade the jQuery request from 1.11.3 to 3.3.1 on my site. I changed a depreciated event alias (.load) from $(window).load (function() {...}); to $(window).on ( "load", function() {...}); and updated the link from 1.11.3 to 3.3.1. This works on my desktop and iPad but not on my iPhone iOS 11.3.1. Is there a way I can fix this? Thanks!
Click to multiple row grids --> Popup
Hello, I've been working on jquery mobile recently. Now I have the following problem: I would like to create multiple row grids which open a popup when I click on a cell Click to edit it. The background color of individual cells should be adjustable. can someone help me?
On Page Load jQuery Calls Action a second time and White Page
We us several libraries including jQuery, UI and Mobile in a C# MVC environment. For some reason when I load my action with jQuery included my page will load fine, then reload calling my controller action a second time, but only shows a white page. When I do not include jQuery or jQuery Mobile it works just fine, but of course no styles or functionality on the page. I've checked everywhere and do not see jQuery being included more than once and have no idea why it's reloading. Included Scripts:
updating nested listviews for navigation
My website uses an unordered list in a php file for navigation. I use Mobile_Detect.php to determine if its on a mobile device. If so, we load JQM 1.3.2 an use nested Listviews on it. Otherwise we stick with CSS for desktop. I'd like to stay current with JQM and upgrade. I could not get the Listview Plugin to work. I have experimented with a combination of listviews within collapsible sets and it appears to work with JQM 1.4.5. problem: I'll have to maintain two menus; the original ul for desktop,
preventing beforeonpagechange when form is dirty
Ok, so catching a dirty form is easy enough... BUT... how do you catch, prompt and then either deny or allow a page change? The use case is this: Users navigates to profile page, makes a change and then navigates away without saving and then complains because form (profile picture) is not saved. I've tried onbeforepagechange and pageremove and both are getting executed regardless of my best attempts to intercept, check my dirty flag and prompt for permission to abandon. Help!
Assign Multiple Raspberry Pi GPIO to Checkboxes JQuery
I'm using a hosted web application to control switches from my Raspberry Pi. A tutorial I found online can control one of my switches. My goal is to change the code to control 3 different swtiches. I'm a novice and would like to know the best way to assign the other two Checkboxes. I'm using Bottle Python web framework and JQuery AJAX Here is the code <html> $(document).ready(function() { $("#ckLED").change(function() { var isChecked = $("#ckLED").is(":checked") ? 0:1; $.ajax({ url: '/action', type:
Dynamically inserting div with an image and image not getting loaded
Hi all. I'm adding some "cards" to a div and those cards have two images located on the server. The card I'm inserting looks like this: <div class="m-card"> <div class="m-header"> <div class="m-options"><span class="ui-icon-star"></span></div> <img class="m-profile" src="http://domain.com/images/users/me.jpg" /> <div class="m-dname"><a href="#">@PPetree</a></div> </div> <div class="m-content"> <p>yum yum yum - nom nom nom</p>
listview last line blank
I have a dynamic created listview that I refresh after loading. The CSS for the ul is: overflow-y: scroll; -webkit-overflow-scrolling: touch; On an iPhone SE that exceeds the list space all items are loaded but for some reason the last line is blank. If the users touches the last line the text appears. Thoughts?
Change background image dynamically
I'm new to jquery mobile and I have a need to change the background image dynamically. I tried the following codes but none is working. //$('.ui-page').css('background-image', "url(img/background2.jpg) no-repeat center center fixed;"); //$('#index .ui-page').css('background-image', "url(img/background2.jpg) no-repeat center center fixed;"); $('body').css('background-image', "url(img/background2.jpg) no-repeat center center fixed;"); //$('#rodeliox').css('background-image', "url(img/background2.jpg)
deploying / packaging of jquery mobile app
Hello everyone, I am an android application developer and these days i am building up an android Blockchain Application Examples by utilizing jquery mobile and relatively total it yet the issue is that I read from some place on the web that jquery versatile applications can't be sent/bundled to google play android application showcase? So i was wondering if, this is truly as so? If no then kindly hint me for the solution for deploying / packaging? Any help would be greatly appreciated!!!! Thank
changePage failure cripple AJAX calls
I have a problem with JQM when a "changePage" failure occurs within an AJAX calls. After JQM reports a "page load failed", all subsequent AJAX calls throws an error. Here's the code: // Event when user click one of the function button $('.page_main_menu_role').on("click", function () { // submit the selected role to server $.ajax({ type: "POST", url: "./SelectRole", data: { RoleID: this.getAttribute("roleid")
jQuery Mobile 1.4.5
Hi everyone, first off may I begin by apologising in advance if I have submitted this query to the wrong area, I am so new to this subject that I have no idea whatsoever if this belongs in "Getting Started" or "Using jQuery" or "Using jQuery Plugins" such is the depth and breadth of my ignorance. I have come to this forum in the hope of getting some assistance with what I suspect is a jquery problem that I have. I say suspect because really have no idea with regards to using jQuery, but when I requested
how to set reload button on html or php page?
Hello. I have a set of pages .html and .php which are connected by buttons. Each page contains a return button to go to the previous or x page. I would like that every time I click on return button, the page on which I fall is reload. i am on jQuerry mobile 1.4.5 and I use this code line for my back button: <a href=''../index.html" class="ui-btn ui-icon-back ui-btn-icon-left"> Back </ a > Any help will save me. thanx in advance
Button File Upload Issues - JQueryMobile(does not work) vs HML5(works)
Hello, Newbie Question: HTML - The "Form Action" code shown below lets the user select and upload a file to a database(Works in HTML5-no problems). However... Using JQueryMobile - The code returns "undefined" or should I say opens an "undefined page?" (in this case, the JQuery doc never connects to the upload.php file.) How to I modify the HTML5 code to execute in JQueryMobile? (searched and tried several days of solutions but no success.) IAustin Thank You ----------------------------- version
Problème d'inclusion des fichiers jquery mobile
Salut les amis. j'ai découvert le framework jquery mobile qui m'a beaucoup intéressé. J'ai début il y a de cela trois jours mais lorsque j'exécute mon code après plusieurs tentatives, je ne vois aucun effet de ce framework sur mon code. Je me suis faire aidé par des tutoriels mais le problème persiste toujours. Je ne sais pas cela du à quoi . pour plus de précision j'utilise la version 1.4.5 de jquery mobile et 3.2.1 de jquery. Voici quelques captures. J'ai énormément besoin de votre aide. Merci
How do you debug a jquery ajax app crash in a mobile app?
I'm doing a pretty simple ajax transaction (submitting data) and I'm getting a complete and total app crash (everything is unresponsive, all storage is wiped out, debug console (in simulator and live) is erased etc. <script src="jquery.mobile/jquery-2.1.4.min.js"></script> <script src="jquery.mobile/jquery.mobile-1.4.5.min.js"></script> <script src="jquery.mobile/jquery.validate.min.js"></script> <script src="jquery.mobile/additional-methods.min.js"></script> I have a really basic signup form which
404 Not found when searching Jquery Mobile Forums
Just an FYI here, I typed a query into the "Search jQuery" box (because some of us actually do search before posting), clicked the magnifying glass and got a 404 error. https://forum.jquery.com/jquery-mobile/search/ajax%20crash
Next Page