Got an unusual situation here. In JQM, on the ui-listview you basically use the default right arrow indicator or assign a different image to it. However, my client wants it where depending on the page you're on, the arrow indicator is a different color depending on the theme letter being used. Let me try to elaborate. Let's see I have one page with a ui-listview and it's theme A and the background is white. So the arrow should be black. On another page, the background is black and it's theme B so the arrow should be white. Make sense? It's basically how iOS apps work. And I want to do it the same with JQM. How do I attempt that in my stylesheet?
Originally, I had this working and then I made it where the header and footer stay persistent as you scroll through the content, then the client changed their mind and wanted it where the header and footer disappear when you scroll through the content. Now my issue is trying to make this come back to where it originally was. So I got rid of the data-tap-toggle and data-id="persistFooter" or data-id="persist" but the header and footer are still stuck where they are and don't disappear when you start scrolling the content. So how can I make it where the header and footer actually disappear when you scroll that area? Here's the site in question.
Having an issue with this page that features a ui-listview and a ui-navbar and I'm trying to style it where the ui-navbar button that in this example is the same color gradient as the listview, is a completely different background color. It's theme C, but if I style .ui-btn-up-c it affects both the button in the navbar and the button in the listview. So I tried copying that style and doing one for .ui-navbar .ui-btn-up-c but that just makes both buttons in the navbar the exact same color and style. Not good. I want the selected button on the left to be the same blue background color as it currently is. So how can I style it to make this work?
I've seen tutorials on how to do this is regular JQuery but not in JQM. I'm creating an app for both iOS and Android and the client wants it where the user can alter the font size to Small, Medium and Large with Medium being the base 1em or whatever it may be. There would be a section called Preferences with Font Size being on of the sections. Is there a way I can set this up to increase/decrease font size?
I'm creating a simple iOS/Android app and the client wants a small strip at the bottom of the ui-content div right above the footer that basically only appears if there's more content to scroll in that section. Basically, a simple gradient (using CSS3 properties). Being new to JQM, I'm wondering what the best approach is to accomplish this. Or maybe someone can point me to another forum post, tutorial, etc. that would offer a solution to this.
Key is if there's no content to scroll, the strip does not appear. Only when there's scrolling in the content area. So hopefully that makes some sense.
I guess my question is would it be better to place this div//section for the more strip at the bottom of the content div? Or the top of the footer?
Testing out my first JQM page and having an issue after I added iScroll4. Issue is there seems to be some padding or margin at the bottom of the page. After numerous attempts to eliminate it with Firebug, nothing worked. Anyone else experience a similar issue with iScroll?
I'm having quite the predicament with my navbar located in my footer. No matter what it seems I do, when I select one of the five choices, whatever icon is selected, the icons to the left of the selected icon receive the same icon. In other words, If I have a navbar with 1,2,3,4,5 and I select three, I now see 3,3,3,4,5 instead of 1,2,3,4,5. I've tried a number of different methods to attempt to eliminate the issue. All to no avail. Anyone have an idea what might be causing this? You can view the issue in question here. Just select one of the five buttons at the bottom and you'll see what's going wrong here.