Unfortunately the MSDN docs on creating a jumplist (from a LongListSelector) with alphabetic groupings leave something to be desired.
Here's what the formatting in the MSDN docs produce:
Admittedly I haven't done anything to improve the display of the names but hopefully you can see a lot of differences in the alignment, margins and spacing of the characters in the red boxes.
Unfortunately I've seen lots of apps which include something that looks like the above. I can't help but notice all the ways it varies from the native one. The lack of attention to detail it shows and the failure to craft something to be proud of is disappointing.
Here's my attempt:
As best as I can do it's pixel perfect ;) with the exception of the size of the globe icon which I've chosen not to resize and so left slightly larger than the native one. - It would be easy to make smaller if you wanted to though.
So how did I do it?
Firstly the formatting:
Also at https://gist.github.com/mrlacey/7779351
The picture converter is from MSDN and the JumpListItemBackgroundConverter is from the Toolkit.
Secondly a tweak to the CreateGroups method in the AlphaKeyGroup class:
private static List<AlphaKeyGroup<PhoneContact>> CreateGroups(SortedLocaleGrouping slg) { var list = new List<AlphaKeyGroup<PhoneContact>>(); foreach (string key in slg.GroupDisplayNames) { var k = key; if (key == "...") { k = "🌐"; // 🌐 } list.Add(new AlphaKeyGroup<PhoneContact>(k)); } return list; }
If your browser has trouble rendering the globe character you may be able to see it better at https://gist.github.com/mrlacey/7779172
Let me know if you use this in your apps. :)
I'm definitely going to use this. Tried the infragistics one before but it didn't look as good as the native so I ended up not using a jumplist at all
ReplyDeleteGreat to hear
DeleteOutstanding post, best to know that this topic is being secured also in this web page. Thanks for investing a while to discuss this, keep up with this interesting perform.
ReplyDeleteIn line Coach Outlet Online is bringing Michael Kors Outlet unique Coach Factory Outlet to a Toms Shoes USA shoe for Cheap Jerseys Spring/Michael Kors Outlet 2014 Coach Factory Outlet, and this Coach Outlet, it's a Coach Outlet. The Coach Outlet Sale Sandal Giuseppe Zanotti Outlet.Supermodel mom Coach Factory Outlet was Coach Factory Outlet Online being all kinds of hot this weekend Coach Factory Outlet she Coach Store Online out in a Michael Kors Outlet-turning, Celine Outlet I did, I was Celine Bags possessed by Fitflops Flipflops suit madness.Fitflops USA-there string Michael Kors during Michael Kors Store vacation in Tomss Hoes Bahamas. Fitflop Footwear by her family, the 40-year-old looked happy and relaxed - Fitflops Outlet, uh, did we Fitflops Sandals super hot? - as she Giuseppe Zanotti by the pool.I've Giuseppe Zanotti Designer making my own vanilla extract for years. I love it! It's cost-effective, and in my opinion, Vanilla extract is also (easily) the most used extract in my Prada Outlet , sort of pretty (although it kind of looks like spiders too) tastes way better than imitation vanilla extract.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeletepolo ralph lauren outlet
ReplyDeletejordan 23
cheap jordan shoes
abercrombie outlet
coach outlet
michael kors outlet
lv handbags
cheap oakley sunglasses
chanel outlet
cheap jordans
north face backpacks
kors handbags outlet
goose outlet
uggs
ugg outlet
cheap nfl jerseys from china
authentic louis vuitton handbags
cheap louis vuitton handbags
tory burch outlet
the north face outlet
red bottom heels
hermes outlet
michael kors outlet online
abercrombie & fitch
true religion jeans
ralph lauren uk
louis vuitton handbags
north face jackets
dolce gabbana
lv handbags
chicago bears, http://www.chicagobearsjerseys.us/
ReplyDeletenobis outlet, http://www.wellensteyn.com.co/
tory burch shoes, http://www.toryburchoutletonline.in.net/
replica watches, http://www.replicawatchesforsale.us.com/
ed hardy shoes,ed hardy,ed hardy clothing,ed hardy shoes for women,ed hardy clothing for men,ed hardy perfume,ed hardy watches
christian louboutin, http://www.scarpelouboutin.it/
ugg outlet store, http://www.uggboots-outlet.co.uk/
nike huarache, http://www.nike-airhuarache.co.uk/
nike air max, http://www.airmax2015.in.net/
ray ban, http://www.occhiali-rayban.it/
louis vuitton bags on sale, http://www.louisvuittonbag.us.com/
nike air max,nike roshe,nike huarache
canada goose outlet, http://www.canadagoose-coats.us.com/
hermes belt for men, http://www.hermesbelts.us/
north face jackets, http://www.thenorthfaceclearances.us.com/
ray ban sunglasses,ray ban sunglasses outlet,ray ban,rayban,ray bans,ray ban outlet,ray-ban,raybans,ray ban wayfarer,ray-ban sunglasses,raybans.com,rayban sunglasses,cheap ray ban
cheap oakley sunglasses, http://www.oakleysunglassesdiscount.us.com/
woolrich clothing, http://www.canadagoosejackets.in.net/
kkkk10 13
jianbin1208
ReplyDeletemichael kors uk outlet
fred perry shirts
lebron james shoes,lebron 12,lebron 12 shoes,lebron sneakers,lebron iv,lebron 11,lebron 10
nike air max 2014
timberland outlet
adidas jeremy scott
adidas outlet store
canada goose jackets
nike air huarache,nike huarache,nike huarache sneakers,nike huarache shoes
uggs outlet
north face jackets
football shirts uk,soccer jerseys uk,cheap soccer jerseys uk
coach outlet
winter coats outlet
ray ban sale
chanel handbags
michael kors usa
louis vuitton outlet online
lebron 12
michael kors outlet online
uggs outlet
ray ban sunglasses outlet,ray ban sunglasses,ray ban,rayban,ray bans,ray ban outlet,ray-ban,raybans,ray ban wayfarer,ray-ban sunglasses,raybans.com,rayban sunglasses,cheap ray ban
canada goose jackets
cheap mlb jerseys
uggs outlet
cheap ugg boots
winter jackets outlet
los angeles clippers
dallas cowboys