[{"data":1,"prerenderedAt":1005},["ShallowReactive",2],{"i-feather:search":3,"i-feather:x":8,"i-feather:moon":10,"i-feather:sun":12,"i-lucide:house-heart":14,"i-fa-brands:youtube":16,"i-fa-brands:twitch":20,"i-fa-brands:github":22,"i-fa-brands:linkedin":25,"i-fa-brands:stack-overflow":28,"i-simple-icons:bluesky":31,"i-fa-brands:mastodon":33,"i-fa-regular:envelope":35,"i-fa-solid:rss":37,"post-\u002Fwpf-metro-part4-elysium-extra\u002F":39,"i-fa-solid:share-alt":989,"i-fa-brands:facebook":991,"i-fa-brands:twitter":993,"i-fa-brands:reddit":995,"i-fa-brands:patreon":997,"i-simple-icons:buymeacoffee":999,"i-fa-brands:paypal":1001,"i-fa-regular:question-circle":1003},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003Cpath d=\"m21 21l-4.35-4.35\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L6 18M6 6l12 12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12.79A9 9 0 1 1 11.21 3A7 7 0 0 0 21 12.79\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"5\"\u002F>\u003Cpath d=\"M12 1v2m0 18v2M4.22 4.22l1.42 1.42m12.72 12.72l1.42 1.42M1 12h2m18 0h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M8.62 13.8A2.25 2.25 0 1 1 12 10.836a2.25 2.25 0 1 1 3.38 2.966l-2.626 2.856a.998.998 0 0 1-1.507 0z\"\u002F>\u003Cpath d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":17,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":19},576,512,"\u003Cpath fill=\"currentColor\" d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597c-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821c11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305m-317.51 213.508V175.185l142.739 81.205z\"\u002F>",{"left":4,"top":4,"width":18,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M391.17 103.47h-38.63v109.7h38.63ZM285 103h-38.63v109.75H285ZM120.83 0L24.31 91.42v329.16h115.83V512l96.53-91.42h77.25L487.69 256V0Zm328.24 237.75l-77.22 73.12h-77.24l-67.6 64v-64h-86.87V36.58h308.93Z\"\u002F>",{"left":4,"top":4,"width":23,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":24},496,"\u003Cpath fill=\"currentColor\" d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2\"\u002F>",{"left":4,"top":4,"width":26,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":27},448,"\u003Cpath fill=\"currentColor\" d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3M135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5c0 21.3-17.2 38.5-38.5 38.5m282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9z\"\u002F>",{"left":4,"top":4,"width":29,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":30},384,"\u003Cpath fill=\"currentColor\" d=\"M290.7 311L95 269.7L86.8 309l195.7 41zm51-87L188.2 95.7l-25.5 30.8l153.5 128.3zm-31.2 39.7L129.2 179l-16.7 36.5L293.7 300zM262 32l-32 24l119.3 160.3l32-24zm20.5 328h-200v39.7h200zm39.7 80H42.7V320h-40v160h359.5V320h-40z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":32},"\u003Cpath fill=\"currentColor\" d=\"M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037c-.856 3.061-3.978 3.842-6.755 3.37c4.854.826 6.089 3.562 3.422 6.299c-5.065 5.196-7.28-1.304-7.847-2.97c-.104-.305-.152-.448-.153-.327c0-.121-.05.022-.153.327c-.568 1.666-2.782 8.166-7.847 2.97c-2.667-2.737-1.432-5.473 3.422-6.3c-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026\"\u002F>",{"left":4,"top":4,"width":26,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":34},"\u003Cpath fill=\"currentColor\" d=\"M433 179.11c0-97.2-63.71-125.7-63.71-125.7c-62.52-28.7-228.56-28.4-290.48 0c0 0-63.72 28.5-63.72 125.7c0 115.7-6.6 259.4 105.63 289.1c40.51 10.7 75.32 13 103.33 11.4c50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7c56.12-6.7 105-41.3 111.23-72.9c9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175c25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5l11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1c23.71 27.3 18.4 53 18.4 175z\"\u002F>",{"left":4,"top":4,"width":18,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":36},"\u003Cpath fill=\"currentColor\" d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48m0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49c-16.841 13.247-50.201 45.072-73.413 44.701c-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646c21.857 17.205 60.134 55.186 103.062 54.955c42.717.231 80.509-37.199 103.053-54.947c49.528-38.783 82.032-64.401 104.947-82.653V400z\"\u002F>",{"left":4,"top":4,"width":26,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":38},"\u003Cpath fill=\"currentColor\" d=\"M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041s64.04 28.673 64.04 64.041m175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018c111.832 7.284 201.473 96.702 208.772 208.772c.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79m144.249.288C439.596 229.677 251.465 40.445 16.503 32.01C7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999c191.179 7.839 344.627 161.316 352.465 352.465c.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504\"\u002F>",{"id":40,"title":41,"author":42,"body":43,"comments":821,"date":943,"dateModified":944,"description":945,"extension":946,"headings":947,"heroImage":976,"meta":977,"path":73,"permalink":73,"published":95,"stem":978,"tags":979,"timeToRead":988},"posts\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Findex.md","WPF Metro Part 4 - Elysium Extra","Muhammad Rehan Saeed",{"type":44,"value":45,"toc":817},"minimark",[46,75,96,100,135,157,176,179,187,198,201,204,207,210,220,223,226,233,239,250,262,265,268,274,280,291,294,301,307,318,321,324,330,336,342,353,356,362,373,376,382,393,396,399,405,411,422,425,431,437,448,451,454,460,471,474,480,486,497,500,506,512,518,524,530,541,544,550,561,564,570,581,584,590,601,604,610,621,624,630,641,644,650,661,664,670,681,684,690,695,706,709,715,726,729,735,746,749,755,766,769,775,786,789,792,800,803,814],[47,48,49,57,63,69],"ol",{},[50,51,52],"li",{},[53,54,56],"a",{"href":55},"\u002Fwpf-metro-part1-modern-ui-for-wpf\u002F","WPF Metro - Modern UI for WPF",[50,58,59],{},[53,60,62],{"href":61},"\u002Fwpf-metro-part2-mahapps-metro\u002F","WPF Metro - MahApps Metro",[50,64,65],{},[53,66,68],{"href":67},"\u002Fwpf-metro-part3-elysium\u002F","WPF Metro - Elysium",[50,70,71],{},[53,72,74],{"href":73},"\u002Fwpf-metro-part4-elysium-extra\u002F","WPF Metro - Elysium Extra",[76,77,80,81],"div",{"className":78},[79],"youtube-embed","\n    ",[76,82,84,85,80],{"style":83},"width: 100%; margin: 0 auto;","\n        ",[76,86,88,89,84],{"style":87},"position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;","\n            ",[90,91,88],"iframe",{"style":92,"src":93,"allow":94,"allowFullScreen":95},"position: absolute; top: 0; left: 0; width: 100%; height: 100%;","https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FPGM_uBy99GA","autoplay; encrypted-media",true,[97,98,99],"p",{},"In these series of posts I'm going to do a quick review of a few different open source WPF Metro (Or Modern if you prefer) style SDK's. Each of them provides styles and new controls to build your WPF application from scratch. Here are the home pages for the open source projects in question where you can download the source code and the binaries to play with them yourself:",[101,102,103,114,121,128],"ul",{},[50,104,105],{},[53,106,113],{"href":107,"rel":108,"target":112},"https:\u002F\u002Fmui.codeplex.com\u002F",[109,110,111],"nofollow","noopener","noreferrer","_blank","Modern UI for WPF",[50,115,116],{},[53,117,120],{"href":118,"rel":119,"target":112},"https:\u002F\u002Fgithub.com\u002FMahApps",[109,110,111],"MahApps Metro",[50,122,123],{},[53,124,127],{"href":125,"rel":126,"target":112},"https:\u002F\u002Felysium.codeplex.com\u002F",[109,110,111],"Elysium",[50,129,130],{},[53,131,134],{"href":132,"rel":133,"target":112},"https:\u002F\u002Felysiumextra.codeplex.com\u002F",[109,110,111],"Elysium Extra",[136,137,139,134],"h1",{"id":138},"elysium-extra",[53,140,143],{"href":141,"aria-hidden":142},"#elysium-extra","true",[144,145,151],"svg",{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxlink","0 0 16 16","1.1",22,[152,153],"path",{"fill":154,"fill-rule":155,"d":156},"currentColor","evenodd","M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z",[76,158,162,167,170,173],{"className":159},[160,161],"custom-block","warning",[97,163,166],{"className":164},[165],"custom-block-title","Warning",[97,168,169],{},"I am the developer of Elysium Extra. It was developed at the company where I work, where I had an excellent manager who saw the advantage of open sourcing the code and making it widely available to the .NET community.",[97,171,172],{},"My intention was to submit this code to the Elysium project, however, the developer had been away for a couple of months, so I released Elysium Extra as a separate project. Happily though, the developer of Elysium has returned and resumed development of the SDK. I've yet to discuss how we can move forward with the two code bases.",[97,174,175],{},"This post will be a bit longer as I need to outline the contents of Elysium Extra as it's a new SDK and needs a little explaining (It contains a lot of cool stuff!).",[97,177,178],{},"Elysium Extra is an add-on project to Elysium. It fills in some gaps which existed in the Elysium SDK, improves some styles and adds lots of new styles, new controls and style guidelines.",[97,180,181,182,186],{},"As the code has been used in a real life, large scale application (Albeit heavily modified and cleaned up to make it ready for open sourcing), it should in ",[183,184,185],"strong",{},"theory"," (Fingers crossed) be production quality. It also seems to contain a lot of attached properties and other small bits of code which were found to be required when building a WPF application, that other SDK's do not contain. All of these have demo's in the sample application.",[136,188,190,197],{"id":189},"look-and-feel",[53,191,193],{"href":192,"aria-hidden":142},"#look-and-feel",[144,194,195],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,196],{"fill":154,"fill-rule":155,"d":156},"Look and Feel",[97,199,200],{},"The look and feel picks up from where Elysium leaves off. Some control styles have been modified and improved, others have been modified for consistency.",[97,202,203],{},"The window has be heavily modified to allow full customization. Pretty much every feature you can think of has been added. Changes include Window border glow effects, saving window placement, full screen mode...the list goes on.",[97,205,206],{},"Other major differences between this SDK over Elysium are that the TextBox and ComboBox controls have been brought more into line with each other, so if you add them in a form they don't look out of place.",[97,208,209],{},"The ability to change theme's is unfortunately currently broken as a side effect of Elysium Extra having to wrap the Elysium XAML styles. This is pretty high up the list of things planned to be fixed though.",[97,211,212],{},[213,214],"img",{"alt":215,"src":216,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Colours","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FColour.png",1366,768,"lazy",[97,221,222],{},"Custom colours over and above what Elysium provides and guidelines on how to use them.",[97,224,225],{},"As this SDK has been open sourced from a live application. There are lots of styles for icons, menu items and app-bar buttons. These are things you'd use in every application. Things like cut, copy and paste buttons etc.",[97,227,228],{},[213,229],{"alt":230,"src":231,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the App Bar","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FApp-Bar.png",1367,[97,234,235],{},[213,236],{"alt":237,"src":238,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the built in MenuItem's","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FMenuItem.png",[136,240,242,249],{"id":241},"custom-controls",[53,243,245],{"href":244,"aria-hidden":142},"#custom-controls",[144,246,247],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,248],{"fill":154,"fill-rule":155,"d":156},"Custom Controls",[251,252,254,261],"h2",{"id":253},"elasticpicker",[53,255,257],{"href":256,"aria-hidden":142},"#elasticpicker",[144,258,259],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,260],{"fill":154,"fill-rule":155,"d":156},"ElasticPicker",[97,263,264],{},"The ElasticPicker is a very unique control that I'm most proud of. It can be used to filter a collection of things with a few clicks, all while looking fantastic and doing lots of flashy animations that will make your eyes light up. The screen-shots do not do it justice, so do watch the video for a better understanding.",[97,266,267],{},"In the example below the ElasticPicker is bound to a collection of people and we have given the user the ability to filter based on four attributes of the people. Each attribute shows the number of people in that category, when the use selects a category all the numbers, sizes and colours of all of the other boxes change. It is a sight to behold.",[97,269,270],{},[213,271],{"alt":272,"src":273,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the ElasticPicker 1","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FElasticPicker-1.png",[97,275,276],{},[213,277],{"alt":278,"src":279,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the ElasticPicker 2","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FElasticPicker-2.png",[251,281,283,290],{"id":282},"icon",[53,284,286],{"href":285,"aria-hidden":142},"#icon",[144,287,288],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,289],{"fill":154,"fill-rule":155,"d":156},"Icon",[97,292,293],{},"Icons are ridiculously underestimated in their ability to improve the look and feel of an application and also in the difficulty of getting them right. I've had to use PNG icons in the past and I can tell you finding an off the shelf icon that matches the look and feel of your application and indeed your other icons is hard work. Creating your own icons from scratch is even harder.",[97,295,296,297,300],{},"With XAML combined with the Metro look and feel though, all this becomes easy. ",[183,298,299],{},"Nearly 3000 icons have been provided out of the box",". Icons are a single colour, making them all look consistent and in keeping with each other. Its simple to create your own with the options of Geometry, Text or icons using PNG images using opacity masks.",[97,302,303],{},[213,304],{"alt":305,"src":306,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Geometry Icons","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FIcon1.png",[251,308,310,317],{"id":309},"wizard",[53,311,313],{"href":312,"aria-hidden":142},"#wizard",[144,314,315],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,316],{"fill":154,"fill-rule":155,"d":156},"Wizard",[97,319,320],{},"The wizard control is the basis of all my screens. It can be used like the Frame and Page controls in Silverlight or Windows Phone, where you navigate between pages. The difference being that you can optionally structure your pages or WizardItem's into a linear or tree hierarchy and use the breadcrumb navigation bar to navigate between pages.",[97,322,323],{},"It gets even better. Each WizardItem supports entrance and exit animations. So when you are moving pages, some really nice transition animations can be applied to any of your controls on the page. If you set backgrounds to your pages, they even fade into each other.",[97,325,326],{},[213,327],{"alt":328,"src":329,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Wizard 1","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FWizard-1.png",[97,331,332],{},[213,333],{"alt":334,"src":335,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Wizard 2","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FWizard-2.png",[97,337,338],{},[213,339],{"alt":340,"src":341,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Wizard 3","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FWizard-3.png",[251,343,345,352],{"id":344},"datagrid",[53,346,348],{"href":347,"aria-hidden":142},"#datagrid",[144,349,350],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,351],{"fill":154,"fill-rule":155,"d":156},"DataGrid",[97,354,355],{},"Although not an entirely new control, the DataGrid has been augmented with quite a bit of extra functionality. There are a few new column types like the DataTime and ProgressBar columns. Attached properties have been used to add the ability to add column specific group summaries, save column settings, add single click editing and single click row\u002Fcell de-selection among other things.",[97,357,358],{},[213,359],{"alt":360,"src":361,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the DataGrid","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FDataGrid.png",[251,363,365,372],{"id":364},"expandermenu",[53,366,368],{"href":367,"aria-hidden":142},"#expandermenu",[144,369,370],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,371],{"fill":154,"fill-rule":155,"d":156},"ExpanderMenu",[97,374,375],{},"The ExpanderMenu is a great control that a colleague came up with. We've generally used it in the DataGrid. When a user clicks on a row, the ExpanderMenu appears in a nice sliding animation and can be used instead of or in conjunction with a ContextMenu.",[97,377,378],{},[213,379],{"alt":380,"src":381,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the ExpanderMenu","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FExpanderMenu.png",[251,383,385,392],{"id":384},"drag--drop",[53,386,388],{"href":387,"aria-hidden":142},"#drag--drop",[144,389,390],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,391],{"fill":154,"fill-rule":155,"d":156},"Drag & Drop",[97,394,395],{},"The ability to drag and drop in a completely MVVM friendly method has been added. It is super simple to use and you can get it working with just four lines of XAML! The DragManager is used to make something draggable and the DragCommand is used to fire a standard ICommand. It's super customizable and very easy to use.",[97,397,398],{},"Furthermore, styles have been created for the ListBoxItem and DataGridRow which allow re-ordering using drag and drop.",[97,400,401],{},[213,402],{"alt":403,"src":404,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of Drag & Drop 1","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FDrag-Drop-1.png",[97,406,407],{},[213,408],{"alt":409,"src":410,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of Drag & Drop 2","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FDrag-Drop-2.png",[251,412,414,421],{"id":413},"fisheyelistbox-and-noteslistbox",[53,415,417],{"href":416,"aria-hidden":142},"#fisheyelistbox-and-noteslistbox",[144,418,419],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,420],{"fill":154,"fill-rule":155,"d":156},"FishEyeListBox and NotesListBox",[97,423,424],{},"The Fish Eye list box is just a standard list box, except mousing over or selected in item makes it grow and it gives you a nice top level menu bar. The NotesListBox can be used to display several rich text notes, which expand gradually when you mouse over them.",[97,426,427],{},[213,428],{"alt":429,"src":430,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the ListBox's 1","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FListBox-1.png",[97,432,433],{},[213,434],{"alt":435,"src":436,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the ListBox's 2","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FListBox-2.png",[251,438,440,447],{"id":439},"accordian",[53,441,443],{"href":442,"aria-hidden":142},"#accordian",[144,444,445],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,446],{"fill":154,"fill-rule":155,"d":156},"Accordian",[97,449,450],{},"The Accordian is a bit like the Expander control, except that you have more than one and can control how may can open at any one time.",[97,452,453],{},"The Accordian control has been taken from the left overs of the WPF Toolkit (Buggy controls which did not make it into the proper .NET framework). It has been fixed and totally restyled to resemble the Expander style.",[97,455,456],{},[213,457],{"alt":458,"src":459,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Expander and Accordion","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FExpander.png",[251,461,463,470],{"id":462},"flyout",[53,464,466],{"href":465,"aria-hidden":142},"#flyout",[144,467,468],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,469],{"fill":154,"fill-rule":155,"d":156},"Flyout",[97,472,473],{},"For those that have used the Flyout control in Windows 8, this is very much the same. In the SDK, it's just an Expander control with a custom style (I like to re-use existing controls as much as possible where it makes sense).",[97,475,476],{},[213,477],{"alt":478,"src":479,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the ","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FFlyout1.png",[97,481,482],{},[213,483],{"alt":484,"src":485,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Flyout","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FFlyout2.png",[251,487,489,496],{"id":488},"various-input-controls",[53,490,492],{"href":491,"aria-hidden":142},"#various-input-controls",[144,493,494],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,495],{"fill":154,"fill-rule":155,"d":156},"Various Input Controls",[97,498,499],{},"Various input controls have been added or improved. Notable additions include the NumericUpDown controls which allow you to select a number and the ButtonTextBox, which can be used to add a button action to a text box.",[97,501,502],{},[213,503],{"alt":504,"src":505,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the TextBox","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FInput-TextBox.png",[97,507,508],{},[213,509],{"alt":510,"src":511,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of of the RichTextBox","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FInput-RichTextBox.png",[97,513,514],{},[213,515],{"alt":516,"src":517,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the ButtonTextBox","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FInput-ButtonTextBox.png",[97,519,520],{},[213,521],{"alt":522,"src":523,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the numeric input","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FInput-Numeric.png",[97,525,526],{},[213,527],{"alt":528,"src":529,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the DatePicker","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FInput-DatePicker.png",[251,531,533,540],{"id":532},"validation",[53,534,536],{"href":535,"aria-hidden":142},"#validation",[144,537,538],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,539],{"fill":154,"fill-rule":155,"d":156},"Validation",[97,542,543],{},"Validation is something that's built into WPF but is so often neglected by people styling controls. So far, this SDK supports validation on the TextBox, ComboBox, DatePicker and numeric up down controls such as IntegerUpDown. I recomend using the INotifyDataErrorInfo interface on your view models or the NotifyDataErrorInfo base class provided in conjunction with these controls.",[97,545,546],{},[213,547],{"alt":548,"src":549,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the validation of built in controls","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FValidation.png",[251,551,553,560],{"id":552},"hyperlinkbutton",[53,554,556],{"href":555,"aria-hidden":142},"#hyperlinkbutton",[144,557,558],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,559],{"fill":154,"fill-rule":155,"d":156},"HyperlinkButton",[97,562,563],{},"The HyperlinkButton is just a button with a custom style which underlines the text in the button on mouse over and changes the mouse cursor to a hand.",[97,565,566],{},[213,567],{"alt":568,"src":569,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Buttons","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FButton.png",[251,571,573,580],{"id":572},"window",[53,574,576],{"href":575,"aria-hidden":142},"#window",[144,577,578],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,579],{"fill":154,"fill-rule":155,"d":156},"Window",[97,582,583],{},"Several new abilities have been added to the window. These include better customization of look and feel, full screen mode, saving window placement, setting the task-bar overlay icon using XAML and\u002For binding and a custom window drop shadow.",[97,585,586],{},[213,587],{"alt":588,"src":589,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Window styles 1","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FWindow-1.png",[251,591,593,600],{"id":592},"overlaywindow",[53,594,596],{"href":595,"aria-hidden":142},"#overlaywindow",[144,597,598],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,599],{"fill":154,"fill-rule":155,"d":156},"OverlayWindow",[97,602,603],{},"This is a special Window which allows you to overlay another window with some content. Crucially this window is not modal but allows modal style interaction with the underlying window.",[97,605,606],{},[213,607],{"alt":608,"src":609,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the OverlayWindow","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FOverlayWindow.png",[251,611,613,620],{"id":612},"messagedialog",[53,614,616],{"href":615,"aria-hidden":142},"#messagedialog",[144,617,618],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,619],{"fill":154,"fill-rule":155,"d":156},"MessageDialog",[97,622,623],{},"The standard WPF MessageBox is ugly and uses a really bad design where you can only ask Yes or No style questions. The MessageDialog comes to the rescue with a Windows 8 style dialogue. You can ask any questions and even customize the allowed response buttons.",[97,625,626],{},[213,627],{"alt":628,"src":629,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the MessageDialog","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FMessageDialog.png",[251,631,633,640],{"id":632},"notifybox",[53,634,636],{"href":635,"aria-hidden":142},"#notifybox",[144,637,638],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,639],{"fill":154,"fill-rule":155,"d":156},"NotifyBox",[97,642,643],{},"The NotifyBox is like the Microsoft Outlook style email notifications. A small window fades in on the bottom right and slowly disappears, unless you mouse over it.",[97,645,646],{},[213,647],{"alt":648,"src":649,"width":232,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the NotifyBox","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FNotifyBox.png",[251,651,653,660],{"id":652},"loadingcontent",[53,654,656],{"href":655,"aria-hidden":142},"#loadingcontent",[144,657,658],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,659],{"fill":154,"fill-rule":155,"d":156},"LoadingContent",[97,662,663],{},"The loading content control can be used to cover any content with a loading animation and loading message. You can toggle it on or off using a simple boolean value.",[97,665,666],{},[213,667],{"alt":668,"src":669,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Progress showing controls","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FProgress.png",[251,671,673,680],{"id":672},"paging",[53,674,676],{"href":675,"aria-hidden":142},"#paging",[144,677,678],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,679],{"fill":154,"fill-rule":155,"d":156},"Paging",[97,682,683],{},"You can add any fixed size content to the Paging control and it will separate it into pages which the user can switch between with a nice transition animation.",[97,685,686],{},[213,687],{"alt":688,"src":689,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Paging control","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FPaging-1.png",[97,691,692],{},[213,693],{"alt":688,"src":694,"width":217,"height":218,"loading":219},"\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FPaging-2.png",[251,696,698,705],{"id":697},"graphtreeview",[53,699,701],{"href":700,"aria-hidden":142},"#graphtreeview",[144,702,703],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,704],{"fill":154,"fill-rule":155,"d":156},"GraphTreeView",[97,707,708],{},"The GraphTreeView is just a style for a TreeView, which shows the TreeViewItem's horizontally instead of vertically. In the past I've allowed users to switch between horizontal and vertical views on my TreeView's and users have been pretty appreciative.",[97,710,711],{},[213,712],{"alt":713,"src":714,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the TreeView","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FTreeView.png",[251,716,718,725],{"id":717},"animation-made-easy",[53,719,721],{"href":720,"aria-hidden":142},"#animation-made-easy",[144,722,723],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,724],{"fill":154,"fill-rule":155,"d":156},"Animation Made Easy",[97,727,728],{},"Animating controls has been made simple. All you need to do is add a couple of lines of XAML and your ItemsControl's will fade and slide in sequentially or randomly.",[97,730,731],{},[213,732],{"alt":733,"src":734,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Animations","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FAnimation.png",[251,736,738,745],{"id":737},"flipcontrol",[53,739,741],{"href":740,"aria-hidden":142},"#flipcontrol",[144,742,743],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,744],{"fill":154,"fill-rule":155,"d":156},"FlipControl",[97,747,748],{},"The flip control is basically an ItemsControl which only shows the selected item. When the selected item changes, it flips between the items until it gets to the new selected item.",[97,750,751],{},[213,752],{"alt":753,"src":754,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the FlipControl","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FFlipControl.png",[251,756,758,765],{"id":757},"various-border-controls",[53,759,761],{"href":760,"aria-hidden":142},"#various-border-controls",[144,762,763],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,764],{"fill":154,"fill-rule":155,"d":156},"Various Border Controls",[97,767,768],{},"There are several custom border controls available, although usage is discouraged because they are not very metro!",[97,770,771],{},[213,772],{"alt":773,"src":774,"width":217,"height":218,"loading":219},"Elysium Extra - Sample application screenshot of the Borders","\u002Fcontent-images\u002Fposts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Fimages\u002FBorder.png",[136,776,778,785],{"id":777},"source-code",[53,779,781],{"href":780,"aria-hidden":142},"#source-code",[144,782,783],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,784],{"fill":154,"fill-rule":155,"d":156},"Source Code",[97,787,788],{},"The code is available on GitHub and I've tried to keep it up to date with new additions and fixes being made over the weekends.",[97,790,791],{},"I have tried to keep the code in keeping with the existing Elysium project, so when controls are moved to the parent Elysium project (I don't know how or when this will happen) this should be a fairly simple process.",[97,793,794,795,799],{},"The code is fully StyleCop compliant. If you don't use StyleCop or even don't know what it is, I suggest you read ",[53,796,798],{"href":797},"\u002Fstop-brace-wars-use-stylecop\u002F","this",".",[97,801,802],{},"If nothing happens in the next couple of months I will start to consider creating a NuGet package, along with all the niceties that make a developers life a little easier.",[136,804,806,813],{"id":805},"conclusions",[53,807,809],{"href":808,"aria-hidden":142},"#conclusions",[144,810,811],{"xmlns":146,"xmlns:xlink":147,"viewBox":148,"version":149,"width":150,"height":150,"aria-hidden":142},[152,812],{"fill":154,"fill-rule":155,"d":156},"Conclusions",[97,815,816],{},"This is a very young project with currently only one developer but I do intend to keep it working. Your mileage with this SDK may vary but any contributions or bug fixes are welcome.",{"title":818,"searchDepth":819,"depth":819,"links":820},"",2,[],{"issue":822,"comments":826},{"number":823,"title":824,"html_url":825},131,"[Comment] WPF Metro Part 4 - Elysium Extra","https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131",[827,839,847,855,863,871,879,887,895,903,911,919,927,935],{"id":828,"html_url":829,"body_html":830,"created_at":831,"updated_at":831,"author_association":832,"user":833,"reactions":837},627281511,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281511","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F6d800f4cc7d6b9bb51d08e514ee071e58a04432e299b4f08489c5b2ccdefe687\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f39313936626462316538643761613662663461376131306565363733663833343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Naveen\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F6d800f4cc7d6b9bb51d08e514ee071e58a04432e299b4f08489c5b2ccdefe687\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f39313936626462316538643761613662663461376131306565363733663833343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>Naveen\u003C\u002Fstrong> commented on \u003Cstrong>2014-11-13 11:08:21\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Very nice :)\u003C\u002Fp>","2020-05-12T11:25:11Z","OWNER",{"login":834,"avatar_url":835,"html_url":836},"RehanSaeed","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F2270364?v=4","https:\u002F\u002Fgithub.com\u002FRehanSaeed",{"url":838,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281511\u002Freactions",{"id":840,"html_url":841,"body_html":842,"created_at":843,"updated_at":843,"author_association":832,"user":844,"reactions":845},627281572,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281572","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F63b6139d75d5f3851369168b7df4da2607951260e6c201320d6bd4333867e7d4\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f38613235656633656439363537326262373937303962393230643939386563663f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Syed Umar\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F63b6139d75d5f3851369168b7df4da2607951260e6c201320d6bd4333867e7d4\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f38613235656633656439363537326262373937303962393230643939386563663f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>Syed Umar\u003C\u002Fstrong> commented on \u003Cstrong>2015-02-15 16:28:18\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>As salam'o'Alekum Rehan Bhai\u003C\u002Fp>\n\u003Cp>I would really like to learn how to combine controls from Modern UI WPF, to Elysium, etc. because its my last Semester in University, and my Final Year Project is based on Modern UI WPF, but as it contains very few Advancements unlike Elysium, I would really like to learn how to add any type of controls to my project.\u003C\u002Fp>\n\u003Cp>Thank you.\u003C\u002Fp>","2020-05-12T11:25:17Z",{"login":834,"avatar_url":835,"html_url":836},{"url":846,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281572\u002Freactions",{"id":848,"html_url":849,"body_html":850,"created_at":851,"updated_at":851,"author_association":832,"user":852,"reactions":853},627281626,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281626","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F63b6139d75d5f3851369168b7df4da2607951260e6c201320d6bd4333867e7d4\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f38613235656633656439363537326262373937303962393230643939386563663f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Syed Umar\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F63b6139d75d5f3851369168b7df4da2607951260e6c201320d6bd4333867e7d4\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f38613235656633656439363537326262373937303962393230643939386563663f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>Syed Umar\u003C\u002Fstrong> commented on \u003Cstrong>2015-02-15 16:29:45\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>And Very Impressive Work here :)\u003C\u002Fp>","2020-05-12T11:25:24Z",{"login":834,"avatar_url":835,"html_url":836},{"url":854,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281626\u002Freactions",{"id":856,"html_url":857,"body_html":858,"created_at":859,"updated_at":859,"author_association":832,"user":860,"reactions":861},627281691,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281691","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2015-02-16 09:08:05\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>I would really like to learn how to combine controls from Modern UI WPF, to Elysium, etc. because its my last Semester in University, and my Final Year Project is based on Modern UI WPF, but as it contains very few Advancements unlike Elysium, I would really like to learn how to add any type of controls to my project.\u003C\u002Fp>\n\u003Cp>Thank you.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Wa alaykumasalam Umar. I really recommend the Channel 9 site which has lots of free videos on all Microsoft products, including WPF.\u003C\u002Fp>","2020-05-12T11:25:31Z",{"login":834,"avatar_url":835,"html_url":836},{"url":862,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281691\u002Freactions",{"id":864,"html_url":865,"body_html":866,"created_at":867,"updated_at":867,"author_association":832,"user":868,"reactions":869},627281748,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281748","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F789434dadb5d76d6ff1df08f684f31b09b43f34a4d590b884b7b1b253682a9ab\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f37366564353337346330346238626638656134666563356335333761366363373f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Yiannis Tsakiridis\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F789434dadb5d76d6ff1df08f684f31b09b43f34a4d590b884b7b1b253682a9ab\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f37366564353337346330346238626638656134666563356335333761366363373f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>Yiannis Tsakiridis\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-18 11:51:49\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Hello,\u003C\u002Fp>\n\u003Cp>can we get the source code of your demo app? Is there anywhere a sample application with code?\u003C\u002Fp>\n\u003Cp>Nice job, anyway :-)\u003C\u002Fp>\n\u003Cp>Yiannis\u003C\u002Fp>","2020-05-12T11:25:38Z",{"login":834,"avatar_url":835,"html_url":836},{"url":870,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281748\u002Freactions",{"id":872,"html_url":873,"body_html":874,"created_at":875,"updated_at":875,"author_association":832,"user":876,"reactions":877},627281799,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281799","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-18 11:57:27\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Hello,\u003C\u002Fp>\n\u003Cp>can we get the source code of your demo app? Is there anywhere a sample application with code?\u003C\u002Fp>\n\u003Cp>Nice job, anyway :-)\u003C\u002Fp>\n\u003Cp>Yiannis\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>There is a link to the project page at the top.\u003C\u002Fp>","2020-05-12T11:25:44Z",{"login":834,"avatar_url":835,"html_url":836},{"url":878,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281799\u002Freactions",{"id":880,"html_url":881,"body_html":882,"created_at":883,"updated_at":883,"author_association":832,"user":884,"reactions":885},627281864,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281864","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F001a23c81c4fed39f4ba0dc79029aa4ebd3488ede5b59d282a5fce51e1b45152\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f35373430613236656262306138326538643030353461386535633836636333333f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Suhas\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F001a23c81c4fed39f4ba0dc79029aa4ebd3488ede5b59d282a5fce51e1b45152\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f35373430613236656262306138326538643030353461386535633836636333333f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>Suhas\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-26 04:11:59\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Hey,\u003C\u002Fp>\n\u003Cp>I really loved the project and I'm currently using it to build out an app. Is there a way for me to tweak certain aspects of your style templates without having to clone the entire codebase onto my solution? Eg: GraphTreeview Orientation and fixing the PasswordBox properties to get it more in line with TextBox.\u003C\u002Fp>","2020-05-12T11:25:51Z",{"login":834,"avatar_url":835,"html_url":836},{"url":886,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281864\u002Freactions",{"id":888,"html_url":889,"body_html":890,"created_at":891,"updated_at":891,"author_association":832,"user":892,"reactions":893},627281929,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281929","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-26 08:03:23\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Hey,\u003C\u002Fp>\n\u003Cp>I really loved the project and I'm currently using it to build out an app. Is there a way for me to tweak certain aspects of your style templates without having to clone the entire codebase onto my solution? Eg: GraphTreeview Orientation and fixing the PasswordBox properties to get it more in line with TextBox.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Yes, I think you can just add a resource dictionary with your custom styles to the application resources or your window. It's been a while since I looked into this.\u003C\u002Fp>","2020-05-12T11:25:58Z",{"login":834,"avatar_url":835,"html_url":836},{"url":894,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281929\u002Freactions",{"id":896,"html_url":897,"body_html":898,"created_at":899,"updated_at":899,"author_association":832,"user":900,"reactions":901},627281975,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627281975","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F17bd4213f840cbc703e181a07937963f9ea85c70c3eefd456ab409e927d24ca8\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f33623430353162303866356132323734626533306131626332346632316631333f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Imamul\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F17bd4213f840cbc703e181a07937963f9ea85c70c3eefd456ab409e927d24ca8\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f33623430353162303866356132323734626533306131626332346632316631333f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>Imamul\u003C\u002Fstrong> commented on \u003Cstrong>2016-05-18 23:54:22\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Assalam Aleikum. I am trying to design an application in WPF, and was looking for a particular theme when I stumbled across your blog. This was highly informative, and I certainly intend to try them out. However, I was looking for a particular theme: The Aqua theme of Mac OS. Is it possible to emulate Aqua theme in WPF?\u003C\u002Fp>","2020-05-12T11:26:04Z",{"login":834,"avatar_url":835,"html_url":836},{"url":902,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627281975\u002Freactions",{"id":904,"html_url":905,"body_html":906,"created_at":907,"updated_at":907,"author_association":832,"user":908,"reactions":909},627282035,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627282035","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2016-05-20 08:40:50\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Assalam Aleikum. I am trying to design an application in WPF, and was looking for a particular theme when I stumbled across your blog. This was highly informative, and I certainly intend to try them out. However, I was looking for a particular theme: The Aqua theme of Mac OS. Is it possible to emulate Aqua theme in WPF?\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>There are some WPF themes available but they are incomplete and very old. You can always write your own theme.\u003C\u002Fp>","2020-05-12T11:26:11Z",{"login":834,"avatar_url":835,"html_url":836},{"url":910,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627282035\u002Freactions",{"id":912,"html_url":913,"body_html":914,"created_at":915,"updated_at":915,"author_association":832,"user":916,"reactions":917},627282090,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627282090","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Ffa52fcdc3c3cf10d6786b1d83eeb5a174b9f8166808daf8a34269870942d44c6\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f39306539623431363130313666383765316638356139613865353365663266363f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Sandip Darveshi\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Ffa52fcdc3c3cf10d6786b1d83eeb5a174b9f8166808daf8a34269870942d44c6\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f39306539623431363130313666383765316638356139613865353365663266363f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\u002F\u002Fwww.assistdesign.in\u002F\">Sandip Darveshi\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2016-07-11 15:57:29\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Seems great, but currently m using Mahapps Metro.\u003Cbr \u002F>\nCan I use Elysium Extra with VB.net\u003C\u002Fp>\n\u003Cp>Thanks\u003C\u002Fp>","2020-05-12T11:26:18Z",{"login":834,"avatar_url":835,"html_url":836},{"url":918,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627282090\u002Freactions",{"id":920,"html_url":921,"body_html":922,"created_at":923,"updated_at":923,"author_association":832,"user":924,"reactions":925},627282147,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627282147","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2016-07-12 08:21:02\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Seems great, but currently m using Mahapps Metro.\u003Cbr \u002F>\nCan I use Elysium Extra with VB.net\u003C\u002Fp>\n\u003Cp>Thanks\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Almost anything you can do in C#, can be done in VB.Net.\u003C\u002Fp>","2020-05-12T11:26:24Z",{"login":834,"avatar_url":835,"html_url":836},{"url":926,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627282147\u002Freactions",{"id":928,"html_url":929,"body_html":930,"created_at":931,"updated_at":931,"author_association":832,"user":932,"reactions":933},627282231,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627282231","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fea5670aa4fe5340835f5fddf40c4f1e4fc18bc98c12cf3d0161d5996822a6d07\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f66393838663530353037613865383934343833343934366563643265353432383f733d393626643d6d6d26723d67\">\u003Cimg alt=\"f.johnson\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fea5670aa4fe5340835f5fddf40c4f1e4fc18bc98c12cf3d0161d5996822a6d07\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f66393838663530353037613865383934343833343934366563643265353432383f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>f.johnson\u003C\u002Fstrong> commented on \u003Cstrong>2016-07-20 23:01:47\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>The source code is unavailable. How do I use the project? How do I access the code to the sample? Thanks!\u003C\u002Fp>","2020-05-12T11:26:32Z",{"login":834,"avatar_url":835,"html_url":836},{"url":934,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627282231\u002Freactions",{"id":936,"html_url":937,"body_html":938,"created_at":939,"updated_at":939,"author_association":832,"user":940,"reactions":941},627282284,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F131#issuecomment-627282284","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2016-07-27 08:45:07\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>The source code is unavailable. How do I use the project? How do I access the code to the sample? Thanks!\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>There is a link in the post.\u003C\u002Fp>","2020-05-12T11:26:38Z",{"login":834,"avatar_url":835,"html_url":836},{"url":942,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627282284\u002Freactions","2014-03-19T00:00:00+00:00",null,"Elysium Extra is an excellent Windows Presentation Foundation (WPF) SDK providing Metro styles for built in WPF controls and some custom controls.","md",[948,950,951,952,953,954,955,956,957,958,959,960,961,962,963,964,965,966,967,968,969,970,971,972,973,974,975],{"depth":949,"value":134},1,{"depth":949,"value":197},{"depth":949,"value":249},{"depth":819,"value":261},{"depth":819,"value":290},{"depth":819,"value":317},{"depth":819,"value":352},{"depth":819,"value":372},{"depth":819,"value":392},{"depth":819,"value":421},{"depth":819,"value":447},{"depth":819,"value":470},{"depth":819,"value":496},{"depth":819,"value":540},{"depth":819,"value":560},{"depth":819,"value":580},{"depth":819,"value":600},{"depth":819,"value":620},{"depth":819,"value":640},{"depth":819,"value":660},{"depth":819,"value":680},{"depth":819,"value":705},{"depth":819,"value":725},{"depth":819,"value":745},{"depth":819,"value":765},{"depth":949,"value":785},{"depth":949,"value":813},"\u002Fimages\u002Fhero\u002FElysium-Extra-1366x768.png",{},"posts\u002F2014\u002Fwpf-metro-part4-elysium-extra\u002Findex",[980,981,127,134,982,983,984,985,986,987],".NET","C#","Metro","Modern","SDK","UI","User Interface","Windows Presentation Foundation",8,{"left":4,"top":4,"width":26,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":990},"\u003Cpath fill=\"currentColor\" d=\"M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.55 96.55 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.3 96.3 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96s-42.981-96-96-96\"\u002F>",{"left":4,"top":4,"width":18,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":992},"\u003Cpath fill=\"currentColor\" d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48c27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256\"\u002F>",{"left":4,"top":4,"width":18,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":994},"\u003Cpath fill=\"currentColor\" d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645c0 138.72-105.583 298.558-298.558 298.558c-59.452 0-114.68-17.219-161.137-47.106c8.447.974 16.568 1.299 25.34 1.299c49.055 0 94.213-16.568 130.274-44.832c-46.132-.975-84.792-31.188-98.112-72.772c6.498.974 12.995 1.624 19.818 1.624c9.421 0 18.843-1.3 27.614-3.573c-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319c-28.264-18.843-46.781-51.005-46.781-87.391c0-19.492 5.197-37.36 14.294-52.954c51.655 63.675 129.3 105.258 216.365 109.807c-1.624-7.797-2.599-15.918-2.599-24.04c0-57.828 46.782-104.934 104.934-104.934c30.213 0 57.502 12.67 76.67 33.137c23.715-4.548 46.456-13.32 66.599-25.34c-7.798 24.366-24.366 44.833-46.132 57.827c21.117-2.273 41.584-8.122 60.426-16.243c-14.292 20.791-32.161 39.308-52.628 54.253\"\u002F>",{"left":4,"top":4,"width":18,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":996},"\u003Cpath fill=\"currentColor\" d=\"M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6c0-13.8 11.1-24.9 24.9-24.9c13.6 0 24.6 11.1 24.6 24.9c0 13.6-11.1 24.6-24.6 24.6M504 256c0 137-111 248-248 248S8 393 8 256S119 8 256 8s248 111 248 248m-132.3-41.2c-9.4 0-17.7 3.9-23.8 10c-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3l55.4 12.5c0 13.6 11.1 24.6 24.6 24.6c13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8c-6.1-6.4-14.7-10.2-24.1-10.2c-34.9 0-46.3 46.9-14.4 62.8c-1.1 5-1.7 10.2-1.7 15.5c0 52.6 59.2 95.2 132 95.2c73.1 0 132.3-42.6 132.3-95.2c0-5.3-.6-10.8-1.9-15.8c31.3-16 19.8-62.5-14.9-62.5M302.8 331c-18.2 18.2-76.1 17.9-93.6 0c-2.2-2.2-6.1-2.2-8.3 0c-2.5 2.5-2.5 6.4 0 8.6c22.8 22.8 87.3 22.8 110.2 0c2.5-2.2 2.5-6.1 0-8.6c-2.2-2.2-6.1-2.2-8.3 0m7.7-75c-13.6 0-24.6 11.1-24.6 24.9c0 13.6 11.1 24.6 24.6 24.6c13.8 0 24.9-11.1 24.9-24.6c0-13.8-11-24.9-24.9-24.9\"\u002F>",{"left":4,"top":4,"width":18,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":998},"\u003Cpath fill=\"currentColor\" d=\"M512 194.8c0 101.3-82.4 183.8-183.8 183.8c-101.7 0-184.4-82.4-184.4-183.8c0-101.6 82.7-184.3 184.4-184.3C429.6 10.5 512 93.2 512 194.8M0 501.5h90v-491H0z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1000},"\u003Cpath fill=\"currentColor\" d=\"m20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379c-.197-.069-.42-.098-.57-.241c-.152-.143-.196-.366-.231-.572c-.065-.378-.125-.756-.192-1.133c-.057-.325-.102-.69-.25-.987c-.195-.4-.597-.634-.996-.788a6 6 0 0 0-.626-.194c-1-.263-2.05-.36-3.077-.416a26 26 0 0 0-3.7.062c-.915.083-1.88.184-2.75.5c-.318.116-.646.256-.888.501c-.297.302-.393.77-.177 1.146c.154.267.415.456.692.58c.36.162.737.284 1.123.366c1.075.238 2.189.331 3.287.37q1.829.074 3.65-.118q.449-.05.896-.119c.352-.054.578-.513.474-.834c-.124-.383-.457-.531-.834-.473c-.466.074-.96.108-1.382.146q-1.767.12-3.536.006a22 22 0 0 1-1.157-.107c-.086-.01-.18-.025-.258-.036q-.364-.055-.724-.13c-.111-.027-.111-.185 0-.212h.005q.416-.09.838-.147h.002c.131-.009.263-.032.394-.048a25 25 0 0 1 3.426-.12q1.011.029 2.017.144l.228.031q.4.06.798.145c.392.085.895.113 1.07.542c.055.137.08.288.111.431l.319 1.484a.237.237 0 0 1-.199.284h-.003l-.112.015a37 37 0 0 1-4.743.295a37 37 0 0 1-4.699-.304c-.14-.017-.293-.042-.417-.06c-.326-.048-.649-.108-.973-.161c-.393-.065-.768-.032-1.123.161c-.29.16-.527.404-.675.701c-.154.316-.199.66-.267 1c-.069.34-.176.707-.135 1.056c.087.753.613 1.365 1.37 1.502a39.7 39.7 0 0 0 11.343.376a.483.483 0 0 1 .535.53l-.071.697l-1.018 9.907c-.041.41-.047.832-.125 1.237c-.122.637-.553 1.028-1.182 1.171q-.868.197-1.756.205c-.656.004-1.31-.025-1.966-.022c-.699.004-1.556-.06-2.095-.58c-.475-.458-.54-1.174-.605-1.793l-.731-7.013l-.322-3.094c-.037-.351-.286-.695-.678-.678c-.336.015-.718.3-.678.679l.228 2.185l.949 9.112c.147 1.344 1.174 2.068 2.446 2.272c.742.12 1.503.144 2.257.156c.966.016 1.942.053 2.892-.122c1.408-.258 2.465-1.198 2.616-2.657l1.024-9.995l.215-2.087a.48.48 0 0 1 .39-.426c.402-.078.787-.212 1.074-.518c.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233c-2.416.359-4.866.54-7.308.46c-1.748-.06-3.477-.254-5.207-.498c-.17-.024-.353-.055-.47-.18c-.22-.236-.111-.71-.054-.995c.052-.26.152-.609.463-.646c.484-.057 1.046.148 1.526.22q.865.132 1.737.212c2.48.226 5.002.19 7.472-.14q.675-.09 1.345-.21c.399-.072.84-.206 1.08.206c.166.281.188.657.162.974a.54.54 0 0 1-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a6 6 0 0 1-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38c0 0 1.243.065 1.658.065c.447 0 1.786-.065 1.786-.065c.783 0 1.434-.6 1.499-1.38l.94-9.95a4 4 0 0 0-1.322-.238c-.826 0-1.491.284-2.26.613\"\u002F>",{"left":4,"top":4,"width":29,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":1002},"\u003Cpath fill=\"currentColor\" d=\"M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134c-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9c152.3 0 165.1-3.7 204 11.4c60.1 23.3 65.6 79.5 44 140.3c-21.5 62.6-72.5 89.5-140.1 90.3c-43.4.7-69.5-7-75.3 24.2M357.1 152c-1.8-1.3-2.5-1.8-3 1.3c-2 11.4-5.1 22.5-8.8 33.6c-39.9 113.8-150.5 103.9-204.5 103.9c-6.1 0-10.1 3.3-10.9 9.4c-22.6 140.4-27.1 169.7-27.1 169.7c-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9c.7-5.4-1.1 6.1 14.4-91.3c4.6-22 14.3-19.7 29.3-19.7c71 0 126.4-28.8 142.9-112.3c6.5-34.8 4.6-71.4-23.8-92.6\"\u002F>",{"left":4,"top":4,"width":18,"height":18,"rotate":4,"vFlip":6,"hFlip":6,"body":1004},"\u003Cpath fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8m0 448c-110.532 0-200-89.431-200-200c0-110.495 89.472-200 200-200c110.491 0 200 89.471 200 200c0 110.53-89.431 200-200 200m107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516c17.561-9.845 28.324-16.541 28.324-29.579c0-17.246-21.999-28.693-39.784-28.693c-23.189 0-33.894 10.977-48.942 29.969c-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8M298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42s18.841-42 42-42s42 18.841 42 42\"\u002F>",1792951301391]