Response title
This is preview!
How to Change the background color of each Count Bubble?
in jQuery Mobile
•
11 months ago
I have the following form which has 10 stages (only showing 2):
- Each stage has a date field that I have dynamically assigned to a Count Bubble.
- I need to change the background color of each "Count Bubble" to a specific stage color.
- I tried: <span class="ui-li-count" style="text-decoration: none; color: #E1EFF7; ">
- I tried also tried: <span class="ui-li-count" background-image: url("../images/03.jpg");
But neither made any difference to the background color of the Bubble?
Here is my code excerpt:
-----------------------------------
<div data-role="content">
<ul data-role="listview" data-divider-theme="b" data-inset="true" >
<li data-role="list-divider" role="heading">
<cfoutput>#URL.id5#</cfoutput>
</li>
<li data-theme="c">
<a href="sos.cfm?id4=<cfoutput>OrderSummary</cfoutput>&id2=<cfoutput>#URL.id2#</cfoutput>" data-transition="slide">
Order Summary
</a>
</li>
<li data-theme="c">
<a href="srm.cfm?id4=<cfoutput>RouteMapping</cfoutput>&id2=<cfoutput>#URL.id2#</cfoutput>&id3=<cfoutput>#rsSRM.rmNum#</cfoutput>&id5=<cfoutput>#URL.id5#</cfoutput>" data-transition="slide">
01) Route Mapping
</a><span class="ui-li-count" style="text-decoration: none; color: #E1EFF7; "><cfoutput>#rsSRM.rmcd#</cfoutput></span></li>
<li data-theme="c">
<a href="ssm.cfm?id4=<cfoutput>SpliceMapping</cfoutput>&id2=<cfoutput>#URL.id2#</cfoutput>&id3=<cfoutput>#rsSSM.smNum#</cfoutput>&id5=<cfoutput>#URL.id5#</cfoutput>" data-transition="slide">
02) Splice Mapping
</a><span class="ui-li-count"><cfoutput>#rsSSM.smcd#</cfoutput></span></li>
</li>
<li data-theme="c">
<a href="spa.cfm?id4=<cfoutput>PermitApproval</cfoutput>&id2=<cfoutput>#URL.id2#</cfoutput>&id3=<cfoutput>#rsSPA.paNum#</cfoutput>&id5=<cfoutput>#URL.id5#</cfoutput>" data-transition="slide">
1
