Go Premium for a chance to win a PS4. Enter to Win


jquery mobile listview press state

Posted on 2013-01-08
Medium Priority
Last Modified: 2013-02-04
Hello Experts,

I am using the jquery-mobile for a simple mobile website.
I tried the best i can to know how is it possible to change the gradient blue color when you press on the listview button.

<ul data-role="listview" data-theme="d" id="home-listview">

Open in new window

When you press one of the listview buttons the color is gradient blue and I am trying to change this state specifically!

can someone help?
Question by:Refael
  • 3
  • 2
LVL 18

Expert Comment

ID: 38757777
you can use theme roller for jquery mobile-> active state to build new active state behavior for listview button element.

Author Comment

ID: 38758131
Hi dj_alik,

That's not the active state of the button as tried to override the style using custom css. (e.g. "ui-button-active-d").
LVL 18

Expert Comment

ID: 38758170
you can import your current css to theme roller and modify it,,,,

Accepted Solution

Refael earned 0 total points
ID: 38834636
Well i just needed to find the right selector in order to change this state of the button. I found it. Anyway thanks.

Author Closing Comment

ID: 38850405
as posted before.

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

782 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question