From 86e22ceda01c2ca294350611b3910a624d807636 Mon Sep 17 00:00:00 2001 From: hakanson Date: Sat, 12 Feb 2011 15:25:59 -0600 Subject: [PATCH 1/7] support controlgroups in header --- themes/default/jquery.mobile.controlgroup.css | 1 + 1 file changed, 1 insertion(+) diff --git a/themes/default/jquery.mobile.controlgroup.css b/themes/default/jquery.mobile.controlgroup.css index abeffef57a2..ffc40b23ee7 100644 --- a/themes/default/jquery.mobile.controlgroup.css +++ b/themes/default/jquery.mobile.controlgroup.css @@ -4,6 +4,7 @@ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. */ .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; } +.ui-header .ui-controlgroup { margin-top: 0; border: none; } .ui-bar .ui-controlgroup { margin: 0 .3em; } .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; } .ui-controlgroup-controls { display: block; width: 95%;} From fcc60273fc0dad80c8a4da15ee089608740abc06 Mon Sep 17 00:00:00 2001 From: hakanson Date: Sat, 12 Feb 2011 15:59:03 -0600 Subject: [PATCH 2/7] add wide thumb support --- themes/default/jquery.mobile.listview.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/themes/default/jquery.mobile.listview.css b/themes/default/jquery.mobile.listview.css index 44fcaba5304..2c0fd7f0451 100644 --- a/themes/default/jquery.mobile.listview.css +++ b/themes/default/jquery.mobile.listview.css @@ -16,10 +16,12 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid .ui-li:last-child { border-bottom-width: 1px; } .ui-li .ui-btn-inner { display: block; position: relative; padding: .7em 75px .7em 15px; } .ui-li-has-thumb .ui-btn-inner { min-height: 60px; padding-left: 100px; } +.ui-li-has-widethumb .ui-btn-inner { min-height: 60px; padding-left: 180px; } .ui-li-has-icon .ui-btn-inner { min-height: 20px; padding-left: 40px; } .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; } +.ui-li-has-widethumb .ui-li-thumb { max-width: 160px; } .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; } .ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; } From cfd72bef96063d66b1361564947b1ab51fc920fe Mon Sep 17 00:00:00 2001 From: hakanson Date: Sun, 13 Feb 2011 16:30:17 -0600 Subject: [PATCH 3/7] added sample for wide thumbnail list --- docs/lists/docs-lists.html | 1 + docs/lists/images/flag-de.png | Bin 0 -> 442 bytes docs/lists/images/flag-fr.png | Bin 0 -> 493 bytes docs/lists/images/flag-gb.png | Bin 0 -> 1577 bytes docs/lists/images/flag-jp.png | Bin 0 -> 2408 bytes docs/lists/images/flag-se.png | Bin 0 -> 506 bytes docs/lists/images/flag-us.png | Bin 0 -> 6518 bytes docs/lists/lists-widethumbnails.html | 40 +++++++++++++++++++++++++++ 8 files changed, 41 insertions(+) create mode 100644 docs/lists/images/flag-de.png create mode 100644 docs/lists/images/flag-fr.png create mode 100644 docs/lists/images/flag-gb.png create mode 100644 docs/lists/images/flag-jp.png create mode 100644 docs/lists/images/flag-se.png create mode 100644 docs/lists/images/flag-us.png create mode 100644 docs/lists/lists-widethumbnails.html diff --git a/docs/lists/docs-lists.html b/docs/lists/docs-lists.html index 53513c488cf..5ef4bd54ea1 100755 --- a/docs/lists/docs-lists.html +++ b/docs/lists/docs-lists.html @@ -80,6 +80,7 @@

Text formatting & counts

Thumbnails & icons

To add thumbnails to the left of a list item, simply add an image inside a list item as the first child element. The framework will scale the image to 80 pixels square. To use standard 16x16 pixel icons in list items, add the class of ui-li-icon to the image element to size.

List with thumbnail images + List with wide thumbnail images List with icon images

Inset lists

diff --git a/docs/lists/images/flag-de.png b/docs/lists/images/flag-de.png new file mode 100644 index 0000000000000000000000000000000000000000..68a22c19bf9afd3d36432b735f399791d43162a7 GIT binary patch literal 442 zcmeAS@N?(olHy`uVBq!ia0vp^CxEzugAGV-pS1TikYY>nc6VX;4}uH!E}sk(VK4FY zb!ETF%`e2S%9>F*je&tN#?!?yq+-t7tA>Kih5{@HC!hYaaAxDi7o0V|TC8_D%x2y) zHLh+5pMRP8K^jw|f&d5Yi2MIvvKAQfGdU^f4l#S2 WWS!ag_|_~2An<&;$UgAGW^&D*X6q}Y|gW!U_%O?Xx*h@Tp zUD<5RxO)F37ifBUsMkWHnM3HEj;JY zym9xV|18PR4E)aDPq?%0`Nyi5v~-<^)%TD6`*-GC#G%46hBapt1bCPZjuMoH!9Oj3 W&WOf^9Y27v#o+1c=d#Wzp$Pze<$Rw2 literal 0 HcmV?d00001 diff --git a/docs/lists/images/flag-gb.png b/docs/lists/images/flag-gb.png new file mode 100644 index 0000000000000000000000000000000000000000..37f63352bfe05100a05182450eb0a2ba461d7e4f GIT binary patch literal 1577 zcma)6dpOg37+=3#W9k>u5;gZFu}YC@{i+p9w45oAlC8VaMMJWRX&BvHR?VfArJ++h zs+knSIC0Q%9bJ}@6G_sdk*%Cx=fCruf6nth-}imq_w#< zNTaS}#N-aY+2(Wg6roN#@Z7GQ{xW-|)6<7F<>d7^o3u_<5e?`UI$p42xM&5ey6v|Oy_ z_%KMkCnHa!{)gv(ENBWimhh!aamnq4(VaU*A}QWl!Y-I`*BJfwDwUvKmvkH=5koRq z#Z5UHJ{`(-S27*AWF8Ray9_T6BjWR*HhW&R9M7{c=jY^;gCu!+dLfodV&>GsNz`8- z=mlT$lHG%Fg%kEswIXncjxm#Y<=RQJPFF$P*9Ohn4M?XM^rLbj@O#3!;U5BvXA5|#x23;kJ}gaM$l<&=Y{eeE5ILzN zpas^>kAvj3JIu=y%tw27!TGDlOBaaf*52#NM`zxTOXXx0v!JY|t5$gh8x{`TS=U#}|Q;2&SU~BR<`n4zRMZ z6J8pidiP?qQZ}>WIwTv>Mr}v3g0UZCiNWIsOnr%4URQ;fP+yCb{NFDyx(n` zy(w<=tc?`)RzE*{vpd*7l#q{oJEZOtY$i69Celo5OIJEAR6#;FV}S+VjqR7ohlE4M z6%h}-sYIt{O+@TvQzcUju%t;}>I}BSn%4n3T|SVNE4n?N^WjD|JSSm2B)pIp?pOph zqRfqhbhe{DRDJ>eBa%pJ@7j2(9 z<4^4sZSQ{*!f2N#FTM2CCFJM>dt|z2^1HaMLptrU*e`mGO!28HebJO6h#8t)xu;q; z?4t(|_8W)@3=UO=;35b_5OKce`m<=mY-6Tb40;+F`WJ>o0nB&^fd_H%(}4d8j@%Q1 z<&VTUpN;-=H)|v=m!`LLmaDMusSk7p^!+A^q@;2;&+te5UCojFY`IHd#T(|=>^88= zD)&3WdI2S2aq1m4YE4DtC3yXM&yjJ3y?s{-PZ!^ej+Pz&HZ1*~PdZPQ>1^XqSxN#L=b*?CI_36Hb=1Dv@NPsl}Fa_GSP0xD8_c3m5ir5LG}P=VHm z;0}NltTWwsk9%lm{1GnsD90#jZUjmk)g#3yWuKl;d|rWUr7*jYtXJbfW5p|gYA96e z047yz!lRHb{X2<8eCokQJSvz$)EuoKFQ>-P1@il+r!dcrVcs z!_1UJ!sdbea3W=GuV)y{iI`)lfL1%*k;Wl56|l|e(S<$jW}D4`h5a>UMi_-5ujh+d z8j33zI7#Z%ln3u6;JLywLTZV}^)@RE5M);MK+;Vzs*BoT)U&$Qb7I}Gr1YUy%3iUkW%;=?c)Xmhj? vWI!OsC-VSl9^8=TdWpUihuoF9k2EzcOBQ3r(Htp*l^#Lc=uefdXD0j&hbhd} literal 0 HcmV?d00001 diff --git a/docs/lists/images/flag-jp.png b/docs/lists/images/flag-jp.png new file mode 100644 index 0000000000000000000000000000000000000000..ee165024c5b545f5eb5f73a05a1414a1004db0cf GIT binary patch literal 2408 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 Y^o($aHmBucVAL^qy85}Sb4q9e0Ccf}n*aa+ literal 0 HcmV?d00001 diff --git a/docs/lists/images/flag-us.png b/docs/lists/images/flag-us.png new file mode 100644 index 0000000000000000000000000000000000000000..7ab3bd987007a74be543b83bc33ecd0be4294536 GIT binary patch literal 6518 zcmaiZby!qi)HNzfx6++TcMD4Mla%h3?ijjM8tIahnvs-lkd6_M92#k)duZO{|L^;K z&pdO^%suDv9LZ?>Ie@cVpOCrF@i5M*-*U< z}i$7W(xjs)e&3Zj52SkQ@+qdG%eH09ANDg(=;1*XLB zNThv2Y~FcZZ%6;B(8Frs1h1<&_c@9)3poU9gFq3C@N)PQ7H0k5;e!$ zh8wb&px~+ex+=kOP{JgXecpJLu{VtOqT=Az%z>Opj#UE{~QAflqn<+ z1(nDb!ygS&UF{ZzpkDgoldnq~Ni*mSl{i4uO3iMMj0?{r%r26@d8pdNsg!muBR;xc z={&#T=Vr=jxnbrFa1&*C=J74RB<#~Re)Z@J3;z3Y=&!lbC{J{!0Cu@}xwa5#meUL| zPf`hEr$Q)m{2a&EC;jePY_mb^X=jt(BgR3Br$G32?IpcWTx zm&A#EW}MFRHM(~r*{G$$M#F1glq4GNV|GnSPLA`>0N7dPvT4`ykj7AoC-j3+2-Xi3 z^^rE?8f&vbN^PoWU$zp#jNs|`w=SfERfMZ-PQZjfIB!!2cY7W_kH{x|kJyXPqXCQ55jopC$@r3*Lw z%oQQ9t#@^SAnw?%7tVxaASLI+**~(w%ZxjcqK3$|GIzfEYPU6XPqGyJLYu#EKXFJ{ zya4kHB53JCBzkasQh9>zS)L?PW!6AFCxqFR|{f0GMBFFwN&YbM4 zM++#Px(zQ+RY`NBK;7Rxhx1oTCo+N#8#Pq&>`TtZ2Z%F8=#(kBkG0~{2y?2`ETO7{l;m;ql0d{I???*I(<`v>QNMe1Td~_}W6{Z?Gk5(!$plq1sIVq$& za=2CyN+!6WbwM?}F|saf&M@b;;~yzYrbEKA^9%QS!7y95!;|JP@S12}`c5GVqs~{y zogx^nQ@YLXMu)N%j`SK}9$1d%EFexa(UjXv*91La<@TC&k+C-LC#vn86?Y<6RwHd&M#k@6o0rfV=8E>viH@B@L_itM`K6kTTg+1q$ zhpz5!d})AY+A&E8Iq>!u0%ZM9gNi)1y2gS+hy+-YWu^XHOPa9V-HNPC6XP6-`bf?> zA_^M7l|cY9Ji;80Ot>Igx$LoW)w3*q)|^W@PQ?<1$a6n43NO!T4s+qMpq zB4L~=bx-2#nv18`<3I0hnec`KqALRj-tSFh54yH?IAE@Hwh!=b<2=jpJJ(1pzZqIx zzekI+>lH<9kPw9GR{o-dx7v0;QXs7l*4Ro3$aYFxD0*@u@fGjqf>rL1vth3NIpM#x z$@>pzjtfSY_iu2YFmt)X#>AF0WgnKPzE^zjmb}6Uzb)8QA{zqBKv8Hqe9_Xbi*h_h zm$h*5I1x1(;b46qHLPvb^ZEO9?C_P8xzbBM66f^}1Ej09TbA^T#SF^+x!9JB26LiC z!Z{Jki6RT(es|1)tQuU&TtQrAlUjY8Kmhn7M*WdlQq3ONkZmJi$m870Jngiw@15)0 zUv+;P@XN3@L53m|D|9+eStqG+AdeaO1b_|&c5A%E_v+kO59|4Zh4 z4ie1&#wcP?uYJte@r2eol?7H?>D3sx75mN8jAMZIVZ7`F3 zVYAXAUPVcInBG2fA|9>K))ZR2`%Mv}y^4-^VFhgK8w2c3hH9JN+8Q5tRGcglzulGf zfy2nu_a6gye52X&W?X~F`~Da^ic{yP7s=A7YxrT}Ul;*SSl^Uv|0O}2tGnlie$`n@ zF{7VL3|o$K3W+^4EzLxKb~|H!bq2>o*L)d2u@ejm&^>0@pWuk%r0OQiA|8c>EY1Kf zZuWgm<0NUiVq&Gzf-f0%ekfyOKm(@Ky`6mh4>_DKEDd7cgw7L%BiTnyT0`X+jwibz z8am4Zw~{!}iuQjvhp^uj$u{W1nvgF@;a`v}BRN*@q?E|0v|)hr`o(2gcMVt)=1VI? z;F@&}Jink8sl3JtytI@6RtrM4Li({`B*k%?9!`<@!YG`?X?kZ?)7_AQF$F2gP-gww z?+@2uMux9Sr4kuApBsB_zd7ocw!Sil5c3wt1^u0?+{^io#Hiv=EMA9vs+A?#(xnTD zY#N)U;||3cyU|U`;Im6}Bu1dP$F$SU(%l&g7(*6}l%{nIhV^npZNS4-twQl-tlPR9 zy*OFj8Px+f-Xl|6=jX0gI+Zu2AcLI_k9d^b)Z&~k-L;eRJEsCjnMT^YTu6Hd zMnx&;lx|kS+3pKCI0!?-UcGzggTqsifc*C^U(HVkCAkRLZoE{fq9)HA`f;Dlkt6V+ zkooYMp^XABMxow&8YZM$M)h_66WUF+$3>g=p%9n#?&In4S)~4cR7P5o)$9(+aR|Yn zCI9@38U)nrPVDseOzLM|!dhx}IeeDv)GeA(+HwQ_yTrAZrLawf3t7OTgV1G4?J`TS z#njY@v>ZhO?^;(gWC*3#!RShg!2AoSu+iH5@i>u%LJS67i4iTD%DU^S$D^9GK!>_T zKcXNSywu^Qv=LXcvmMI8t6R1#ah+c^m4QQJ8YGT$Hg)8isuUx^>%!OPUkaLwb8=PJ zkEdBAVJh=|*assPL}kk`Ig3Bs5$?09CG-HcD1egnf7DN6QwJbmO^v+W@``X}Jdf#kRZ{ zk2^kg`bX&OGilb^PTJ4W(!1_kt3QZ=ZZ-ns{^E;QhpBB|2>#qa_jCc81Nxs0IEjqv z##$CkxNmp+?Glz?LTbi(($ll%p-)<2?nl%z0R=hlic*q|O26e-_Z_T~DnTU9o;{JT z#sWuJ`$fMpfCmi?gVD}1@#db-?pG!I!LFO6*mA6__QEL!p@5Ul1&bZ(VWkKSePd-s zTc(W^#AjhA=`vJ$MZ%jeoBtf~7`%I}A#t%@3P-xe+) zG4-sYNQDZ~-aaxmO^R0xgF_5<0*3m}pkU z`ci;5h)l9TbgUEQ*w^i31vCzJ!x<`R@d~SMqQ+TW{BObM$QYXG{73om};|EDL+! zTrmIrj)4*-rcmz!asMEG5uLg>}QXUsn zxTi1Ri4#j~(76d{$Gb6;lTW#+lIwFC>&*2&!PzqgEyS(^K)6q%u~_dnF zV6YOc+owo}wJ4QRItw)&YS5+9c?Kh$o{?2K76cxE9lJ(baKI#H-Sv0RQJbC)-@-`4wIY$cjWvQ&7~xcA;{NH4z7WSrFXjm{zq%xKux1$qrkQ~& z`vhbMqq!vQqhE5X7261~N2mvl@^$a0b=Xail8G%IE(6SUe*9t=A5OPE9}^JR_c^?>G@6JmWNDo^8MrN#7^;Ye-YXvF+E-tjuX3jxRtrK!vhABEC+Wn4SJ@Ek zUNv){FV#Joy3BRhL4Y^3Bg$H85B!GtHzKJu-^49YAyGyKMni(>xb=vDL19;psarG1 z*E8yecdCv@o$ax{o{{|vLYp^k^2}CeRo>b<%QI(m@M;GpT!@gh_6Uvhd7%5-ng7Io zxZQg%EM{@!Wb?k8NitBgtD6#gRS-8-@A+0yBxR~D_|-smlQ0Sx*>vabu6&8B@%4`Z z?v1^|wa%F5@0;a#AUkS_=3OrCo?ZQLBLT{--+|er$>gI%86U~Ug(86%1b3!9oBn+I zrIBbDpRbD$fa$)Tgjbq~bY7(mk`#3fYd^GCKM^0%_}(j#6*J?}gWo@BX~@r?aT?W8 z5vW6_xXmnizb_VK+zsG2v(!sNCkVH<250@PRM!EU95gc|{LT0qLphTYRYDGq@t}lG zXy+vyosn0m&IxGpFuB*^s+*^0wPu$K5qeV{5K6Q!CTiuD4^@U?7w=ZT+0peq#4+&MT-0CH>Xw=kKv~4=E^|kd8Nc)e?$E*(s@^dAMkh2Ign+`@aUL~WvphMwjQ06~tfB#{Fus`qe=A-X<=jNWc zZsO2*90Meu^$tEtYUNFdEoQ#VY~3!9+!O%czp%qwYkcB*+q?__2&T4QF`X9UNS99i zc)0W_y``-GCs}bRN14j~_&v{kL3@!=L+V5m6X=9j`KuL;+wq~K$oI*_bGNJJN^ciU zOx_=XyMbS}p6jQ))8&CXWj<}-6vV@np1+P4c6gL67RJZTw8W}i&T)MaW7ShoI>5zg zalP&lZY%*)73Zp0>idf4RkhQE;qBM#TK=C=3<&<88<)@)9<5+s@p=a*_k}xzOeSNdHMJ8=7a60VP3P0g1u>mM$ak$)VKKwSAu~4^9JM8-k#H-#e*Qd#30=h}k z;Y4q!tS=Mc&|^u7-N=)e)QJnhQshg?rpbesZrJD#@7z}h4`EpigArP zrBhMh!ZxB!I;@CRTtMmw66NZ-7kpfZ+tsu`7e7~$&SoO&Zyl$FR|}*7XRmmx&_PE? z`0NMe*GXo-IION5bS2Ir$LlPFZC?X7tsZ$^<*}dU--1luf3_G=BxYx-Gwv(%(P4kXp_W3hRu35--X~lPFes$QI$kWM5!5O1Z z9~Bt^2@PJWRgQiOTt3z+>hA=WMW<&a*CWBg+9FT$x zkRLVJi<)I%9|%u)(o((oWd6~{i1-YAr5Uw>nwTL1Bmrw;2c?mn*c!z!0h+z8m+%q| z1{y91qtds~W)``lD@gH^j-g%8sBmxU15Uu+X9`iKfb{Rr?;-p-^#=R!1ex3)-LVbmCI$0QDSbF#)mIo)9|LMuVt?7{|%E%OwSq% zUjd6c4r>XRIv2&l3&AR#W}BvKJO^SM1abfuELKeTe%tXY5I#3)n&yA1Za$e;QRa6= z_xMiy(Zt0zADd9ks-y|qeOJHivnsRRf-?oXIQ7&q1;Rt;S-1&txek!oCoXFySS-A+ z3RE@1zDw&}DWzY9t-@#(3HctpNw_3M>R+|Zr&P02`)pE`{&e32d-!LuC=Q=+JC^-p zr;X*9WWx{dVG`nelBL#iiqF^@NN(pjZc8!{G5yfDp2=55ybPQZ#tZfdTJBk1y6mcm z1=5Vo&!o3|@$({@d!u`z1zE9In`C%kn>i5H3_nJbaLe&>0zF8hb9tM-7A|$9x5+!o zrwOspiGC_`jE-lF?6q$<1;K^3)jwv(BrBHkzCO&n+=hPyB4Jle7IGG|l0EDP_8SYF zFUo4g7>td{EAwLU8x<@*r6#_O42ZC2d(X-*RnYv;>d;}So9eX%W%XYKTWVbUZ3gtA zJ+dbqKimPe94oVeS;%PW(LZJpE!gAmO9E-JEMW_`%^J_nL1N%#z&pobLLjfJT(D#+ zB$(O}ho&OR0n&di;bsvXdO40rwMROOV;eOf?A3d-^!Q=)> zvIPtun@2I>!)Q_I|Mwyfi~RMU2B(j2j#^|F&<&jj@RiPYUoN zfMZo6;!R#?x;X|aD|!g}|6Xh_&{M*XS@0LWMBMya_5Wuv_GPf^@_AbPTPFhKThzxd ndY-?dReOsr^ZzJT9#9x37hCwEyR*S-6BI>R6`2Yt)6o9`v;)Rt literal 0 HcmV?d00001 diff --git a/docs/lists/lists-widethumbnails.html b/docs/lists/lists-widethumbnails.html new file mode 100644 index 00000000000..103cb5ae3df --- /dev/null +++ b/docs/lists/lists-widethumbnails.html @@ -0,0 +1,40 @@ + + + + + jQuery Mobile Docs - Lists + + + + + + + + +
+ +
+

Wide Thumbnails

+ Home +
+ +
+ + + + +
+
+ + + \ No newline at end of file From 9592d84931b1f09bf461cfde7f47b0aaedc0da4a Mon Sep 17 00:00:00 2001 From: hakanson Date: Mon, 21 Feb 2011 16:21:50 -0600 Subject: [PATCH 4/7] ignore enter in filter box/support multiicon in js --- js/jquery.mobile.forms.textinput.js | 5 ++++- js/jquery.mobile.listview.js | 5 +++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/js/jquery.mobile.forms.textinput.js b/js/jquery.mobile.forms.textinput.js index 371894dc9f7..11c18afea24 100644 --- a/js/jquery.mobile.forms.textinput.js +++ b/js/jquery.mobile.forms.textinput.js @@ -53,7 +53,10 @@ $.widget( "mobile.textinput", $.mobile.widget, { } toggleClear(); - input.keyup(toggleClear); + input.keyup(toggleClear); + input.parents("form").submit(function() { + return false; + }); } else{ input.addClass('ui-corner-all ui-shadow-inset' + themeclass); diff --git a/js/jquery.mobile.listview.js b/js/jquery.mobile.listview.js index 919cb92572d..484bb3cbf98 100644 --- a/js/jquery.mobile.listview.js +++ b/js/jquery.mobile.listview.js @@ -183,7 +183,8 @@ $.widget( "mobile.listview", $.mobile.widget, { var a = item.find( "a" ); if ( a.length ) { - var icon = item.data("icon"); + var icon = item.data("icon"), + multiicon = $list.data("multiicon"); item .buttonMarkup({ @@ -191,7 +192,7 @@ $.widget( "mobile.listview", $.mobile.widget, { shadow: false, corners: false, iconpos: "right", - icon: a.length > 1 || icon === false ? false : icon || "arrow-r", + icon: (a.length > 1 && !multiicon) || icon === false ? false : icon || "arrow-r", theme: itemTheme }); From 256bb5b5b9b6c76d9405d121a653b956b7320f16 Mon Sep 17 00:00:00 2001 From: hakanson Date: Sun, 27 Feb 2011 21:10:39 -0600 Subject: [PATCH 5/7] format search filter for inset lists --- js/jquery.mobile.listview.filter.js | 4 ++++ themes/default/jquery.mobile.listview.css | 2 ++ 2 files changed, 6 insertions(+) diff --git a/js/jquery.mobile.listview.filter.js b/js/jquery.mobile.listview.filter.js index 5b419b753bc..75e217da5ac 100644 --- a/js/jquery.mobile.listview.filter.js +++ b/js/jquery.mobile.listview.filter.js @@ -51,6 +51,10 @@ $( "[data-role='listview']" ).live( "listviewcreate", function() { .appendTo( wrapper ) .textinput(); + if ($(this).data("inset") == true ) { + wrapper.addClass("ui-listview-filter-inset"); + } + wrapper.insertBefore( list ); }); diff --git a/themes/default/jquery.mobile.listview.css b/themes/default/jquery.mobile.listview.css index 2c0fd7f0451..3c92fd7f709 100644 --- a/themes/default/jquery.mobile.listview.css +++ b/themes/default/jquery.mobile.listview.css @@ -39,6 +39,8 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px } .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; } +.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; } + /* Odd iPad positioning issue. */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .ui-li .ui-btn-text { overflow: visible; } From 62d0860f1c9fde75ff93994a38772c2ba61848e3 Mon Sep 17 00:00:00 2001 From: hakanson Date: Wed, 9 Mar 2011 21:44:29 -0600 Subject: [PATCH 6/7] updated listview filter to do faster DOM hide/show --- js/jquery.mobile.listview.filter.js | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/js/jquery.mobile.listview.filter.js b/js/jquery.mobile.listview.filter.js index 75e217da5ac..7a4f70f1f8a 100644 --- a/js/jquery.mobile.listview.filter.js +++ b/js/jquery.mobile.listview.filter.js @@ -15,6 +15,14 @@ $( "[data-role='listview']" ).live( "listviewcreate", function() { return; } + // using custom style faster than iterating over list and calling .hide() + // http://www.learningjquery.com/2010/05/now-you-see-me-showhide-performance + var head = document.getElementsByTagName("head")[0] || document.documentElement, + style = document.createElement("style"); + style.type = "text/css"; + style.appendChild( document.createTextNode( "li.ui-listview-filter-hide { display: none; }" ) ); + head.insertBefore( style, head.firstChild ); + var wrapper = $( "
", { "class": "ui-listview-filter ui-bar-c", "role": "search" } ), search = $( "", { @@ -24,29 +32,34 @@ $( "[data-role='listview']" ).live( "listviewcreate", function() { .bind( "keyup change", function() { var val = this.value.toLowerCase(), listItems = list.children(); - listItems.show(); + style.disabled = true; + listItems.removeClass("ui-listview-filter-hide"); if ( val ) { // This handles hiding regular rows without the text we search for // and any list dividers without regular rows shown under it var childItems = false, - item; + item, + itemtext; for (var i = listItems.length; i >= 0; i--) { item = $(listItems[i]); + // look for custom attribute for text to filter on before getting text from DOM + itemtext = item.data("filtertext") || item.text(); if (item.is("li[data-role=list-divider]")) { if (!childItems) { - item.hide(); + item.addClass("ui-listview-filter-hide"); } // New bucket! childItems = false; - } else if (item.text().toLowerCase().indexOf( val ) === -1) { - item.hide(); + } else if (itemtext.toLowerCase().indexOf( val ) === -1) { + item.addClass("ui-listview-filter-hide"); } else { // There's a shown item in the bucket childItems = true; } } } + style.disabled = false; }) .appendTo( wrapper ) .textinput(); From a4ac5663f7d0751b0c00381d81634c012309d72b Mon Sep 17 00:00:00 2001 From: hakanson Date: Thu, 31 Mar 2011 21:22:40 -0500 Subject: [PATCH 7/7] added scroll trigger in list filter and fixed widethumb css --- js/jquery.mobile.listview.filter.js | 1 + themes/default/jquery.mobile.listview.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/js/jquery.mobile.listview.filter.js b/js/jquery.mobile.listview.filter.js index bc5758cf618..68f2650c089 100644 --- a/js/jquery.mobile.listview.filter.js +++ b/js/jquery.mobile.listview.filter.js @@ -62,6 +62,7 @@ $( ":jqmData(role='listview')" ).live( "listviewcreate", function() { } } style.disabled = false; + $(window).trigger("scroll"); }) .appendTo( wrapper ) .textinput(); diff --git a/themes/default/jquery.mobile.listview.css b/themes/default/jquery.mobile.listview.css index e0fe44be722..51087938cf6 100644 --- a/themes/default/jquery.mobile.listview.css +++ b/themes/default/jquery.mobile.listview.css @@ -17,7 +17,7 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid .ui-li .ui-btn-inner { display: block; position: relative; padding: 0; } .ui-li .ui-btn-inner a { padding: .7em 75px .7em 15px; display: block; } .ui-li-has-thumb .ui-btn-inner a { min-height: 60px; padding-left: 100px; } -.ui-li-has-widethumb .ui-btn-inner { min-height: 60px; padding-left: 180px; } +.ui-li-has-widethumb .ui-btn-inner a { min-height: 60px; padding-left: 180px; } .ui-li-has-icon .ui-btn-inner a { min-height: 20px; padding-left: 40px; } .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }