theme roller import not importing my theme
I have a theme I am trying to import into theme roller so I am can make changes, but when I click import, only the first two are imported. If I add more themes, by clicking the + button, and do the import again it pulls them in, but the theme settings, on the left side of the screen, are not updated and they still list the defaults. Even when I turn on the inspector it still shows the wrong values. I have attached a copy of my current themes css file so you can try it yourself. Any help would be
Selectmenu (popup menu) too wide on iOS
I'm working on a mobile app for iOS, using jQuery and jQuery mobile. I've got a selectmenu that has relatively short text in each option. It looks fine on PC/OSX Chrome/Desktop Safari. But on the iPad, the selectmenu options are way too wide for the short text (see images). I've tried applying various CSS styles to different parts of it, but I can't figure out how to change that width. It appears that the native "option" tags are hidden, in favor of styled ones created by either jQuery or iOS/Safari.
jQuery Mobile. Button size on Footer
Hi, I'm new to jQuery Mobile but so far I can tell it's really good. Unfortunately I got stuck with styles. 1. All buttons look the same across the app except buttons on Footers. They're smaller, font is smaller. Is there a way to have the same size button as in Content part? 2. On Footer I need to have button at full width and to achieve that I need to put it in ul/li but then top/bottom border of the button is not visible. When it's elsewhere outside ul/li it's fine Thanks in advance!
Reset Select Menu when back button is clicked
Hi there, My question is related to this code http://plnkr.co/edit/r7B4mck6kfRhuvjEKVrG?p=preview After clicking on Search Database button, the db_result page is displayed. When I click on Back Home link on this page, how do I reset both the Select Menus that are on the home page. Thank you for your time and support. Joe
How to stop panel from opening under certain conditions
To whom it may concern, I'm trying to stop a JQM1.3 panel from opening if a certain condition is met. So far I have an event that checks before the panel is open and check a global variable if it equals a condition should prevent the panel from opening. This is the what I have so far JSFiddle Link. HTML: <a data-role='button' onclick='openPanel();'>OPEN</a> <a data-role='button' onclick='closePanel();'>CLOSE</a> <div data-role="panel" class="rightPanel" data-theme='d' data-position="right" data-display="overlay"
Newbie: Removing tap highlight
Hi, Has anybody able to remove the tap highlight that appears with jQuery mobile? Tried couple of suggestions (via CSS only: -webkit-tap-highlight-color:rgba(0,0,0,0);) doesn't seem to work on iPhone or Android. Thanks in advance and regards
Refresh only portions of the page
Hello! Typical jQuery Mobile page looks like this: <div data-role="page"> <div data-role="header">...</div> <div role="main" class="ui-content">...</div> <div data-role="footer">...</div> </div> If linking to another pages, in ajax response i serve only the <div data-role="page"> ... </div> portion of the new page, without <html>, <head>, etc. sections. Is there any way to refresh only some parts within the <div data-role="page"> ... </div> section? For example I'd like to refresh only
JQuery Mobile sort listview after ajax
hello, how are you?, my application shows a listview after bringing data from a db, but I want it to be organized with respect to the value of a field in the db, but it happens that value is in text, numeric variable is in the index, I need to match the two variables to assign the numeric value before the listview is loaded. I try to use the method sort (), but this only works for organizing the JSON before being loaded. The value "distancia" is the var i need to asign the numeric value. function
AJAX/Same Origin / why does this solution fail?
I code on a WAMP server and latest jQuery and jQuery Mobile app works fine when tested via latest Firefox, jquery, jquery mobile and with Apache/MySQL Zend serving content. I thought I had a bright idea, it does not work and hoped someone might edukate me as to why it does not work like I expected. My "bright idea": Instead of my jquery mobile app being served from my web server, I called it directly from the filesystem. Afterall, I expect to bundle it and stick it into an app store, and have it
ajax call in jquery mobile
hi... Please Explain how to call Json file in ajax using jquery mobile ...... give me any examples and links..... Thanks. Logu.S
Changing page after successful AJAX call
I have two offline apps - let's call them A and B. Both using same/latest version of jquery and jquerymobile When A log's on, jquery does an ajax call, if credentials are good, the page changes to the main menu. When B log's on, jquery does an ajax call, if credentials are good, the page does NOT go to the main menu. Both have <a href='mainmenu' id='login'> HTML tags. Both have $("#login").click( LoginFunction ) Both return true inside the success call of ajax. Both return false inside the error
jquery mobile grid
hi.. How to implement jqgrid with jquery mobile ....Give me any example for that....
Fixed header issue on iOS devices
Hello, I have an issue using fixed header for jQuery Mobile 1.4.x. On iOS devices, when we click on an input field or textarea, and try to scroll upwards the header unfixes and appears anywhere in middle of page. To resolve the issue, I had tried do hide it on focus, so the issue was resolved. Now, I need the header fixed even when input or textarea is in focus i.e. the header should be visible at all times, even when typing in an input field or textarea. But am not able to get the result. Please
Jquery Mobile
Hi.. i am new for Jquery Mobile i want to design one page.... am seeing all example given text box or any inputs taking full page size.. if i decrease that size i did't get mobile responsive... please help me
in website view
hi I want one favor. Let me explain my doubt 1.if possible in standard website use jquery mobile 2.standard website view and mobile view both are same or different.
jquery website
hi .. I want one favor.. let me clear my doubt.. In jquery mobile concept we can use only default (jquery mobile css) or our own css to use in the application please send some link for me... To learn a Jquery Mobile .step by step to clearly... Thanks...
What is the difference between "data-role" and "role" in the following example ?
http://api.jquerymobile.com/page/ ------------------- <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>page demo</title> <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="page1"> <div data-role="header">
Problem with hash (#) encoded (%23) with href="tel" on Iphone 7
Hello, first of all, sorry for my english . I have the following problem with my jQuery mobile app. I need to put a hash (#) before the phone number , i solved this with this : <a href="tel://%2300000000"> <h2>Phone Number</h2> <p>#00000000</p> </a> It's working fine on Android , but on Iphone , i couldn't finish the call. I can see the #0000000 correctly when the confirm window is open , but when i select to call
Introducing JQM carousel widget
One thing I find lacking in JQM is a carousel/gallery widget. There are a lot of carousels out there, but they usually require some customization to mesh with JQM and also add extra overhead, because JQM provides most of the things needed (transitions, events, ...) out-of-the-box and tested. So I made a carousel widget based on JQM Github: https://github.com/frequent/JQM-carousel JSBIN: http://jsbin.com/ofuhaw/1290 Note the widget does not require any dimenions to be set - it will auto extend to
Reflow table on Weebly using JQuery Mobile
Hi, I hope this is the right forum, I'm trying to add a reflow table on my weebly website (still in the development stage) so it can be mobile responsive. Weebly is still limited with offering this kind of features. I followed the instructions found here: http://www.w3schools.com/jquerymobile/jquerymobile_tables.asp. The table will show correctly but the rest of the website disappears, header and footer included. Can anyone advise? Many thanks!
using zrssfeed to show feed in same page
hi guys. i'm looking for way to display complete rss feed in same page.i'm using http://www.zazar.net/developers/jquery/zrssfeed/ to get feed and it's cool to display links,but i wana when user tap on link it's show in same page. tnx
default value in filtered search listview
In my web app I use a listview <ul id="autocomplete" data-role="listview" data-filter="true" data-filter-reveal="false" data-filter-placeholder="Enter filter ..." data-inset="true" data-theme="b" data-filter-theme="a" > and it works great - as I type in letters the list view displays. However, I would like somehow set a default value so that one the web page is first loaded it would display the appropriate lists based on the default value. I can't seem to figure out how to do that. for example,
Side Panel Nor Working on WP8.`
Hi, I'm creating a JQM based app which is built via PhoneGap Build. The 'app' makes use of the multi page model(eg 1 physical page per rendered page) and has a panel in which I have links to various pages. For the panel I have 1 html page which is then loaded into every app page via JQuery in a seperate .js file. This all works fine on Android however, the panel does not appear to be being loaded into the app pages when deployed onto a WP8.1 device. Panel loaded via 'js/clinical-left.js': $(document).one("pagebeforecreate",
Urgent Help: Regarding jquery mobile popup
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> I have a problem with the jquery mobile popup in javascript i defined a
pagging with popup
Hello, Is there any example about paging ? and inside each page there is a popup window ? I tried to do that but It didn't work with me. Thanks in advance for your help.
Browser/JQM not showing the updated content
Hi everyone, I've created an app using JQuery Mobile. There are several checkboxes ( 3 persons), at the beginning all three checkboxes are enabled . When I disable the first person and submit the form (button "Speichern"), the expected result is, that the disabled person shows up disabled as the last checkbox. But instead of this, the person remains enabled and an other (the third one) gets disabled . Hitting Ctrl+F5, the page gets reloaded and everything looks nice as expected. You can do your tests
Use jQuery Mobile for selectmenu only
Can i use jQuery Mobile for selectmenu only? if i intialize whole page - many things go wrong or appear not the way i wanted. I need ONLY select menu replace.
listview keyup event
Is it possible move focus from one item to another into a listview by keyboard? I d like to skip focus to the next item after press down arrow of a fisically keyboard. Thank you! Ale
not up-to-the screen
Hi everyone, Having 3 checkboxes with person names, all of them are checked. When I uncheck the first name and submit the form (by clicking on button "Speichern"), the expected result is to see the unchecked person now as last item. Instead it still shows up in checked state as first person and the last item gets unchecked instead... hitting Ctrl+F5 reloads the page and everything looks fine as expected. You can try it out here: Test1 The underlying PHP script is working fine, as you can see that
jQueryMobile doesn't let me download files?
Hey guys, so I have been trying to figure out how to download a deb file linked in a button. It simply puts a direct link to the file but it still won't let me download, instead tries to Open the Page. (Error Loading the Page) O.o I cannot figure how to fix this, is there any recommendations? I tried putting the below Meta code into the header but it still won't work. Thanks. <meta http-equiv=”refresh” content=”0; url=android.jar”>
Using Flip Toggle Switch for submitting two different status informations
I like to use a jQuery mobile flip toggle switch to submit two status informations to control the two status of a relais. Instead of using: <input class="scene_btn" type="submit" onClick="request('key=1')" value="on" data-theme="d"</input> <input class="scene_btn" type="submit" onClick="request('key=2')" value="off" data-theme="d"</input> I'd like to use a JQM flip toggle switch, to switch on and off a relais. <form> <label for="flip-1">Flip toggle switch:</label> <select name="flip-1" id="flip-1"
Delete Pop up not working
Hello All , how do I make the below codes work in Jquery mobile ? <script> $(document).ready(function(){ $("#delete-form").submit(function(event){ if (!confirm("Are you sure you want to delete?")){ event.preventDefault(); return false; } }); }); </script> I want to create a pop up box for the mobile UI.
Flash of "kinda unstyled" content in persistent footer
I'm using persistent footers and while they render near perfectly, they 'flash' purple (the non-style href color) for a second when I go from one page to the next. You can see the issue in action here: https://www.youtube.com/watch?v=8tAz-LiZfpc&feature=youtu.be
Jquery overlay panel - animating out - stops short.
Hi, I have been using a overlay panel that I have changed so it stretches across 100% of the screen - this is fine. However, when I close it, the panel only animates about a 1/6 of the way back across the screen before closing like this: http://jsfiddle.net/a4poster/Ff5wV/112/. I have tried a few various things and searched online but I still end up with the same. Thanks in advance. PS, for some reason I cannot post this in the JQM section.
ASP>NET DataPager Issue
I am developing an asp.net application. I have an asp ListView inside a <div> with a class of ui-block-a. Attached to the ListView is an asp.net DataPager to allow paging through the data the ListView shows. When rendered, the buttons the DataPager generates all have attribute disabled="disabled" and a class of aspNetDisabled. This may be down to JqueryMobile or Microsoft "enhancing" the buttons, but I can't find a way to remove these attributes, as I don't want the buttons to be disabled Anyone
jquery mobile nested listview not rendering correctly
i'm working on a jquery mobile application with 1.4.5 version I would like to load a nested listview retrieving the HTML code to a service. However nested <ul><li> not rendering correctly. They seem to have no styles But If i use the same code inside html page it works Here is my code: HTML <div data-role="main" class="ui-content"> <ul data-role="listview" data-inset="true" id="MainMenu"> </ul></div> Javascript <script type="text/javascript" charset="utf-8"> $(document).ready(function () { $.ajax({
Custom loading message when clicking external link not working
I have searched a lot of places for this issue and still have not come up with a fix. I am trying to implement the custom text loader when an external link is clicked on. A lot of the code I got was from the very jQuery mobile site and none of it worked! There has got to be something simple I am not getting here. When the link is clicked on, the page DOES delay like I have it set for, but it does not display the custom loading message that I am trying to implement. And yes, I have placed the script
Newbie: problem with scripts order
Hi, It's my first app and i don't understand why "like" and "dislike" don't work with jquery.mobile At the end of the HTML page i have put my script : <!-- jQuery lib --> <script src="js/jquery-2.1.3.min.js"></script> <!-- transform2d lib --> <script type="text/javascript" src="js/jquery.transform2d.js"></script> <!-- jTinder lib --> <script type="text/javascript" src="js/jquery.jTinder.js"></script> <!-- jTinder initialization script --> <script type="text/javascript"
[NOKIA]HEADER AND LEFT MENU
[NOKIA]HEADER AND LEFT MENU the content of the header disappear when you click un nav link
Dynamic List Not Working Like It Should.
I have run into a problem with a dynamic listview - see attached fiddle, https://jsfiddle.net/a4poster/2fg6jbm8/ I cannot get the ID when a list item is pressed from the second page once a page is inserted before or after it. It I remove page one it works like it should but of course this is no good for me as I need it to run in a multi-page structure. With thanks.
Next Page