Response title
This is preview!
- Screen name: jlig1936
jlig1936's Profile
5 Posts
6 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 01-Feb-2013 01:00 PM
- Forum: jQuery Mobile
Using JQM 1.3 cannot get the Responsive grids to stack without refreshing the page one time?- According to the docs, they "include a single breakpoint “preset” in the structural CSS that we hope will be useful in a fair amount of typical situations. This breakpoint is applied by adding a class likeui-responsiveto the widget markup to opt into the breakpoint."- In my code below I reference that class called ui-responsive, but it is not stacking the data on the iPhone or desktp?<div data-role="page" data-add-back-btn="true"><div data-role="header"><h1>Provision Tickets <cfoutput>(#rsTickets.recordcount#)</cfoutput></h1><a href="t0.cfm" class="ui-btn-right" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a></div><div data-role="content"><ul data-role="listview" data-filter="true"><cfoutput query="rsTickets" group="tDt"><li data-role="list-divider">#rsTickets.tDt#</li><cfoutput><div class="ui-grid-d my-breakpoint ui-responsive"><div class="ui-block-a"><div class="ui-body ui-body-b"><a href="t2.cfm?id=#rsTickets.ttNum#&id2=#rsTickets.tac#">#rsTickets.Customer#</a></div></div><div class="ui-block-b"><div class="ui-body ui-body-d">#ttcustAddress# <br><strong>#ttcity#</strong></div></div><div class="ui-block-c"><div class="ui-body ui-body-d"><strong>#st#</strong><a href="acceptq.cfm?id1=#rsTickets.ow#&id2=#URLEncodedFormat(rsTickets.Customer2)#&id=#rsTickets.ttNum#&id5=#rsTickets.tac#" rel="external" title="Click here to Accept this Ticket"> #ow#</a> <strong>#pf# </strong><a href="getLatLong1.cfm?id2=#rsTickets.ttNum#" title="Click here to view/save Lat/Long Coordinates">Geo</a><br>Created by:#ttf# </div></div><div class="ui-block-d"><div class="ui-body ui-body-d"><strong>#tt#</strong><br>Due Date:#tDu#</div></div><div class="ui-block-e"><div class="ui-body ui-body-d"><img src="../images/#rsTickets.esc#.png" alt="" width="23" height="23" align="absmiddle" /> #te# </div></div></div></cfoutput></cfoutput></ul></div><div data-role="footer"><cfinclude template="../footer_date_logo.cfm"></div></div></body></html>- 08-Jan-2013 06:23 PM
- Forum: jQuery Mobile
I have been testing with the new JQM 1.3 docs..Using the new Responsive tables script is pretty cool but lacking the following:- No Column Filtering
- No Column Sorting (working with tablesorter.min.js)
- No Column Search
I added in the tablesorter.min.js and it works great to sort the columnsAs far as filtering & searching, I would like to just use the default JQM filter box at the top of the table?I wrapped my <table> in the following: <ul data-role="listview" data-inset="true" data-filter="true" ><br />and get a nice Filter box, but it does nothing to filter the table records?Anyone have any ideas on using the default filter box with the new responsive tables?- 06-Jul-2012 12:37 PM
- Forum: jQuery Mobile
What would cause Spry Validation to allow my Form to be submitted when the "Required" fields are left blank? Here is what is happening:
- I leave the fields blank and click my "Submit" button
- I briefly see the fields go Red with message "A Value is required"
- Then the Form submits anyway (tables update/no errors)
Here is the full code listing: http://cerberus.clearwave.com/jerry/spry_example_ctt1b.pdf
Notice:
- I'm using jquery mobile 1.1.0 on my page
- I'm inserting data into two tables at one time (Lines 8, 196, 203)
- I have Spry text Validation on only a few fields for now (ex. Line 483)
Here is a design view of my page:
- 06-Jun-2012 11:25 AM
- Forum: jQuery Mobile
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">- 16-Oct-2011 01:07 AM
- Forum: jQuery Mobile
What is the issue here..?- Was using jquery.mobile-1.0a3.min.js & css (everything worked fine)- Tried the new 1.0rc1 (everything works, but the text display on iPhone & iPad are teeny-tiny?)- Chrome displays the pages just fine!
© 2012 jQuery Foundation
Sponsored by 
and others.