<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:a10="http://www.w3.org/2005/Atom" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Blogs</title><link>http://blogs.telerik.com/</link><description>Teleriks' Developer Tools Blog</description><category>XAML</category><category>Windows 8</category><category>WinRT</category><category>calendar</category><category>Win8</category><category>HTML</category><category>JavaScript</category><category>webinar week</category><category>WinForms</category><category>WPF</category><category>Silverlight</category><category>xaml</category><category>JustDecompile</category><category>.NET TOOLS</category><category>JustCode</category><category>.NET</category><category>decompile</category><category>debugging</category><category>decompilation</category><category>Just* Team</category><category>Control Panel</category><category>other</category><category>Events</category><category>awards</category><category>vsx</category><category>News</category><category>combobox</category><category>RadControls for ASP.NET Ajax</category><category>Optimization</category><category>TreeView</category><category>DropDownTree</category><category>asp.net ajax</category><category>database</category><category>data storage</category><category>SQLite</category><category>CSS3</category><category>Rendering</category><category>HTML5</category><category>lightweight</category><category>comparison</category><category>classic</category><a10:contributor><a10:name>Georgi Atanasov</a10:name></a10:contributor><a10:contributor><a10:name>Simeon Panayotov</a10:name></a10:contributor><a10:contributor><a10:name>Carey Payette</a10:name></a10:contributor><a10:contributor><a10:name>Michael Crump</a10:name></a10:contributor><a10:contributor><a10:name>Ivailo Ivanov</a10:name></a10:contributor><a10:contributor><a10:name>Phil Japikse</a10:name></a10:contributor><a10:contributor><a10:name>Peter Filipov</a10:name></a10:contributor><a10:contributor><a10:name>Marin Bratanov</a10:name></a10:contributor><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Telerik" /><feedburner:info uri="telerik" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>Telerik</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><guid isPermaLink="false">urn:uuid:608663d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/7LYlBunyigg/meet-radcalendar-for-windows-8-xaml</link><author>Georgi Atanasov</author><category>XAML</category><category>Windows 8</category><category>WinRT</category><category>calendar</category><category>Win8</category><title>Meet RadCalendar for Windows 8 XAML</title><description>It is our pleasure to announce the newest &lt;a href="http://www.telerik.com/products/windows-8/overview.aspx"&gt;RadControls for Windows 8 XAML&lt;/a&gt; member &amp;ndash; &lt;a href="http://www.telerik.com/products/windows-8/controls/calendar.aspx"&gt;RadCalendar&lt;/a&gt;. Following all the principles and design patterns of the modern UI, RadCalendar will deliver flexibility and style to your Windows Store applications.&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/7LYlBunyigg" height="1" width="1"/&gt;</description><pubDate>Tue, 18 Jun 2013 16:23:26 Z</pubDate><a10:content type="text">It is our pleasure to announce the newest member of&amp;nbsp;&lt;a href="http://www.telerik.com/products/windows-8/overview.aspx"&gt;RadControls for Windows 8 XAML&lt;/a&gt;&amp;nbsp;&amp;ndash; &lt;a href="http://www.telerik.com/products/windows-8/controls/calendar.aspx"&gt;RadCalendar&lt;/a&gt;. Following all the principles and design patterns of modern UI, RadCalendar delivers style and flexibility to your Windows Store applications.&lt;br /&gt; &lt;br /&gt; &lt;img title="calendar1" src="http://blogs.telerik.com/images/default-source/windows-8/calendar1.png?sfvrsn=0" /&gt;&lt;br /&gt; &lt;em&gt;Figure 1: RadCalendar in Month View and Year View&lt;/em&gt;&lt;br /&gt; &lt;br /&gt;
The component is loaded with all the needed intuitive Touch specific gestures - swipe, tap, hold, etc. enabling fast and fluid navigation through its views. It uses four depth levels (views), displaying different time spans to enable fast navigation to the desired date &amp;ndash; Month/Year/Decade/Century. Along with the touch gestures, RadCalendar introduces convenient keyboard navigation, useful for both navigation and selection. Selection can be single or flexible and intuitive multiple, which gives you the power to select various date ranges in both touch and desktop environment.&lt;br /&gt; &lt;h2&gt;What is RadCalendar used for?&lt;/h2&gt;
The calendar is a frequently used control in a large variety of applications. It gives you the ability to select single or multiple dates as well as continuous date ranges with ease. There's a great deal of user scenarios that can take advantage of RadCalendar &amp;ndash; booking applications, submit forms, personal organizing applications, TODO lists and many more.&lt;br /&gt; &lt;h2&gt;RadCalendar Features&lt;/h2&gt;
Besides the dates and date ranges selection, another useful feature of RadCalendar is the ability to apply different states and styles for a specific date or a set of dates. This can be achieved by defining custom state or style selectors - the CellStateSelector and CellStyleSelector properties, described in the next paragraph. These features enable RadCalendar to be used for representing different events associated with a specific date, or just for disabling a set of calendar cells.&lt;br /&gt; &lt;br /&gt; &lt;img src="http://blogs.telerik.com/images/default-source/windows-8/calendar2.png?sfvrsn=0" title="calendar2" /&gt;&lt;br /&gt; &lt;em&gt;Figure 2: RadCalendar with custom CellStateSelector and CellStyleSelector applied&lt;/em&gt;&lt;br /&gt; &lt;br /&gt;
RadCalendar&amp;rsquo;s appearance is fully customizable and can meet any specific application design. Most of the visual elements can be restyled directly by setting a simple property, or just by defining a simple brush associated with the desired visual part. And for applications that need a completely custom design for their calendar cells, a custom cell style selector will come to help. From simple to more advanced application scenarios, RadCalendar will help you organize your apps in just a few easy steps.&lt;br /&gt; &lt;h2&gt;How to use RadCalendar?&lt;/h2&gt;
So we have a highly customizable calendar with a lot of interesting features, but how can we use them? Is it hard to enable all of its functionality just like that? Do we have to write a lot of code? To shed some light on using RadCalendar&amp;rsquo;s features, let&amp;rsquo;s show some real code:&lt;br /&gt; &lt;br /&gt;
The simplest control definition:&lt;br /&gt; &lt;br /&gt; &lt;div class="reCodeBlock" style="border: 1px solid #7f9db9; overflow-y: auto;"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:RadCalendar&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
Now let&amp;rsquo;s bring some customization to the default look-and-feel. Let&amp;rsquo;s say we want to style all the disabled date cells in the calendar (we call them &amp;lsquo;blackout dates&amp;rsquo;), with some custom decoration style:&lt;br /&gt; &lt;br /&gt; &lt;div class="reCodeBlock" style="border: 1px solid #7f9db9; overflow-y: auto;"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:RadCalendar&lt;/code&gt; &lt;code style="color: #808080;"&gt;x:Name&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Calendar"&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:RadCalendar.BlackoutCellStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:CalendarCellStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:CalendarCellStyle.ContentStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 48px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Style&lt;/code&gt; &lt;code style="color: #808080;"&gt;TargetType&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"TextBlock"&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Setter&lt;/code&gt; &lt;code style="color: #808080;"&gt;Property&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Margin"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Value&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"4"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Setter&lt;/code&gt; &lt;code style="color: #808080;"&gt;Property&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"FontSize"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Value&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"16"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Setter&lt;/code&gt; &lt;code style="color: #808080;"&gt;Property&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Foreground"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Value&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"#546363"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Setter&lt;/code&gt; &lt;code style="color: #808080;"&gt;Property&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"TextAlignment"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Value&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Center"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Setter&lt;/code&gt; &lt;code style="color: #808080;"&gt;Property&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"VerticalAlignment"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Value&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Bottom"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Setter&lt;/code&gt; &lt;code style="color: #808080;"&gt;Property&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"HorizontalAlignment"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Value&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Left"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 48px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Style&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:CalendarCellStyle.ContentStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:CalendarCellStyle.DecorationStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 48px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Style&lt;/code&gt; &lt;code style="color: #808080;"&gt;TargetType&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Border"&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Setter&lt;/code&gt; &lt;code style="color: #808080;"&gt;Property&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Background"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Value&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"#28363D"&lt;/code&gt; &lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Setter&lt;/code&gt; &lt;code style="color: #808080;"&gt;Property&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"BorderBrush"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Value&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"DarkGray"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 48px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Style&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:CalendarCellStyle.DecorationStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:CalendarCellStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:RadCalendar.BlackoutCellStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:RadCalendar&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
Next we are going to bring out some blackout dates in the view by setting the DisplayDateStart property, which will automatically disable all the dates before the date start:&lt;br /&gt; &lt;br /&gt; &lt;div class="reCodeBlock" style="border: 1px solid #7f9db9; overflow-y: auto;"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;this&lt;/code&gt;&lt;code style="color: #000000;"&gt;.Calendar.DisplayDateStart = &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;DateTime(2013, 6, 5);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt; &lt;strong&gt;Note: Currently the only way to setup a DateTime structure (or any structure) in XAML is through Binding (limitation of the Windows Runtime).&lt;/strong&gt;&lt;br /&gt; &lt;br /&gt;
And this is the result:&lt;br /&gt; &lt;br /&gt; &lt;img title="calendar3" src="http://blogs.telerik.com/images/default-source/windows-8/calendar3.png?sfvrsn=0" /&gt;&lt;br /&gt; &lt;em&gt;Figure 3: RadCalendar with custom blackout cell style&lt;/em&gt;&lt;br /&gt; &lt;br /&gt;
If we want to choose specific blackout dates with a completely custom appearance, we just have to set up our own state and style selectors. The state selector decides which dates are disabled and the style selector applies the desired custom template to them.&lt;br /&gt; &lt;br /&gt;
The StateSelector:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;class&lt;/code&gt; &lt;code style="color: #000000;"&gt;CustomStateSelector : CalendarCellStateSelector&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;protected&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;override&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;void&lt;/code&gt; &lt;code style="color: #000000;"&gt;SelectStateCore(CalendarCellStateContext context, RadCalendar container)&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;if&lt;/code&gt; &lt;code style="color: #000000;"&gt;(context.Date == &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;DateTime(2013, 6, 13) || context.Date == &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;DateTime(2013, 6, 15))&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;context.IsBlackout = &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;true&lt;/code&gt;&lt;code style="color: #000000;"&gt;;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
And the StyleSelector:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;class&lt;/code&gt; &lt;code style="color: #000000;"&gt;CustomStyleSelector : CalendarCellStyleSelector&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;DataTemplate SpecialBlackoutCell&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;get&lt;/code&gt;&lt;code style="color: #000000;"&gt;;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;set&lt;/code&gt;&lt;code style="color: #000000;"&gt;;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;protected&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;override&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;void&lt;/code&gt; &lt;code style="color: #000000;"&gt;SelectStyleCore(CalendarCellStyleContext context, RadCalendar container)&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;if&lt;/code&gt; &lt;code style="color: #000000;"&gt;(context.Date == &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;DateTime(2013, 6, 13) || context.Date == &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;DateTime(2013, 6, 15))&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;context.CellTemplate = SpecialBlackoutCell;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
XAML:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;local:CustomStateSelector&lt;/code&gt; &lt;code style="color: #808080;"&gt;x:Key&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"CustomStateSelector"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;local:CustomStyleSelector&lt;/code&gt; &lt;code style="color: #808080;"&gt;x:Key&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"CustomStyleSelector"&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;local:CustomStyleSelector.SpecialBlackoutCell&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;DataTemplate&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Grid&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 48px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;TextBlock&lt;/code&gt; &lt;code style="color: #808080;"&gt;Foreground&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"#D14900"&lt;/code&gt; &lt;code style="color: #808080;"&gt;FontSize&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"16"&lt;/code&gt; &lt;code style="color: #808080;"&gt;HorizontalAlignment&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Right"&lt;/code&gt; &lt;code style="color: #808080;"&gt;FontFamily&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Segoe UI Symbol"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Text&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"⏰"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Margin&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"2"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 48px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;TextBlock&lt;/code&gt; &lt;code style="color: #808080;"&gt;Text&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"{Binding Label}"&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 60px ! important;"&gt;&lt;code style="color: #808080;"&gt;Foreground&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"#D14900"&lt;/code&gt; &lt;code style="color: #808080;"&gt;FontSize&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"16"&lt;/code&gt; &lt;code style="color: #808080;"&gt;VerticalAlignment&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Bottom"&lt;/code&gt; &lt;code style="color: #808080;"&gt;Margin&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"6,0,0,4"&lt;/code&gt;&amp;nbsp; &lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;Grid&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;DataTemplate&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;local:CustomStyleSelector.SpecialBlackoutCell&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;local:CustomStyleSelector&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;telerikInput:RadCalendar&lt;/code&gt; &lt;code style="color: #808080;"&gt;x:Name&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Calendar"&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 54px ! important;"&gt;&lt;code style="color: #808080;"&gt;CellStateSelector&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"{StaticResource CustomStateSelector}"&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 54px ! important;"&gt;&lt;code style="color: #808080;"&gt;CellStyleSelector&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"{StaticResource CustomStyleSelector}"&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 54px ! important;"&gt;&lt;code style="color: #808080;"&gt;BlackoutCellStyle&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"{StaticResource CustomCellStyle}"&lt;/code&gt;&lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
And this is the result:&lt;br /&gt; &lt;br /&gt; &lt;img src="http://blogs.telerik.com/images/default-source/windows-8/calendar4.png?sfvrsn=0" title="calendar4" /&gt;&lt;br /&gt; &lt;em&gt;Figure 4: Defining blackout dates with custom template (13 &amp;amp; 15)&lt;/em&gt;&lt;br /&gt; &lt;br /&gt;
Do not hesitate to grab your copy of &lt;a href="http://www.telerik.com/products/windows-8/overview.aspx"&gt;RadControls for Windows 8 XAML&lt;/a&gt;today and play with the component for yourself. We have no doubt you will love &lt;a href="http://www.telerik.com/products/windows-8/controls/calendar.aspx"&gt;RadCalendar&lt;/a&gt; and it will become an important part of your Toolbox for Windows Store applications. As always, any feedback is highly appreciated, so &lt;a href="http://www.telerik.com/community/forums/metro/calendar-xaml.aspx"&gt;feel free to share it&lt;/a&gt; and help us build better components.&lt;br /&gt; &lt;br /&gt; &lt;a href="http://www.telerik.com/products/windows-8/download.aspx"&gt;&lt;img src="http://blogs.telerik.com/images/default-source/windows-8/win8_download_10_2012.jpg?sfvrsn=0" title="Win8_Download_10_2012" /&gt;&lt;/a&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/Windows8Team/posts/13-06-18/meet-radcalendar-for-windows-8-xaml</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:563463d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/3Jnizc0SdW4/radcalendar-for-windows-8-html</link><author>Simeon Panayotov</author><category>Windows 8</category><category>HTML</category><category>calendar</category><category>JavaScript</category><category>Win8</category><title>RadCalendar for Windows 8 HTML</title><description>This blog post introduces the new addition to the RadControls for Windows 8 HTML suite - the RadCalendar control. The control supports many features, which allow developers to build simple and complex Windows Store Apps that can benefit from an intuitive, usable and touch-optimized UI for picking dates, from booking applications to todo lists.&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/3Jnizc0SdW4" height="1" width="1"/&gt;</description><pubDate>Tue, 18 Jun 2013 16:22:11 Z</pubDate><a10:content type="text">&lt;h1 style="text-align: center;"&gt;&lt;/h1&gt; &lt;div style="text-align: center;"&gt; &lt;div style="text-align: left;"&gt; &lt;div style="text-align: left;"&gt;&lt;span style="line-height: 1.5;"&gt;One of the many exciting and new items packed in the Q2 2013 release of &lt;a href="http://www.telerik.com/products/windows-8/overview.aspx"&gt;RadControls for Windows 8 HTML&lt;/a&gt; is the &lt;a href="http://www.telerik.com/products/windows-8/controls/calendar.aspx"&gt;RadCalendar&lt;/a&gt; control. It provides the most common feature set in you would expect from a typical Calendar UI and a bit more:&lt;/span&gt;&lt;/div&gt; &lt;span style="line-height: 1.5;"&gt;&lt;br /&gt; &lt;/span&gt;&lt;/div&gt; &lt;img width="300" height="240" src="http://blogs.telerik.com/images/default-source/windows-8/all-views---month-year-century-and-decade27E40C1D3E58AEEF5BB1B616.png?sfvrsn=4" alt="All views - month, year, century and decade." title="All views - month, year, century and decade" style="line-height: 1.5; vertical-align: middle;" /&gt;&lt;br /&gt; &lt;em&gt;Figure 1. RadCalendar in all views.&lt;/em&gt;&lt;/div&gt; &lt;div style="text-align: center;"&gt;&lt;/div&gt; &lt;ul&gt; &lt;li&gt;Month, year, decade and century views for easy navigation to the target date to select. &lt;/li&gt; &lt;li&gt;Specifying an available range for selection by defining min and max values.&lt;/li&gt; &lt;li&gt;Templates for the cells in month view.&lt;/li&gt; &lt;li&gt;Special dates, which can be customized with the month view templates to show more specific information inside the calendar.&lt;/li&gt; &lt;li&gt;A template for the footer, which by default shows a link to today&amp;rsquo;s date.&lt;/li&gt; &lt;li&gt;Touch input for touch-enabled devices. The gestures RadCalendar recognizes do not interfere with other commonly handled UI gestures on the same page of the app. For example navigating to the next/previous month in month view requires a down/up swipe gesture instead of a horizontal one (which is usually handled for page navigation) and a pinch-in gesture zooms out to the year view, etc.&lt;/li&gt; &lt;li&gt;Keyboard support for classic desktop/laptop devices.&lt;/li&gt; &lt;li&gt;Smooth animations reflecting the navigation choices of the user that greatly improve the user experience.&lt;/li&gt; &lt;li&gt;Built-in culture support (localization of text labels and formatting of dates) for all cultures supported by WinRT.&lt;/li&gt; &lt;/ul&gt; &lt;p&gt; &lt;/p&gt; &lt;div style="text-align: center;"&gt;&lt;img width="240" src="http://blogs.telerik.com/images/default-source/windows-8/radcalendar_culture_french_month_view.png?sfvrsn=0" title="Month view in French" style="vertical-align: middle;" alt="Month view in French." /&gt;&amp;nbsp;&lt;img width="240" src="http://blogs.telerik.com/images/default-source/windows-8/radcalendar_culture_french_year_view.png?sfvrsn=0" title="Year view in French" style="vertical-align: middle;" alt="Year view in French." /&gt;&lt;br /&gt; &lt;em&gt;Figure 2. A RadCalendar localized in French.&lt;/em&gt;&lt;/div&gt; &lt;p&gt;On the developer side RadCalendar comes with:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Full IntelliSense support with a built-in vsdoc in the Extension SDK of RadControls for Windows 8, &lt;/li&gt; &lt;li&gt;TypeScript declarations for all properties and related types and&lt;/li&gt; &lt;li&gt;An API that can be used to program a lot of custom UIs in your Windows Store Apps, e.g. multiple selection and detail panels.&lt;/li&gt; &lt;/ul&gt; &lt;div&gt; &lt;div style="text-align: center;"&gt;&lt;/div&gt; &lt;span style="line-height: 18px;"&gt; &lt;div style="text-align: center;"&gt;&lt;em style="line-height: 18px;"&gt;&lt;img width="500" alt="Range selection." src="http://blogs.telerik.com/images/default-source/windows-8/radcalendar_range_selection.png?sfvrsn=0" title="Range selection" style="vertical-align: middle;" /&gt;&lt;br /&gt;
Figure 3. Range selection implemented with the API.&lt;/em&gt;&lt;/div&gt; &lt;em&gt; &lt;div style="text-align: center;"&gt;&lt;em style="line-height: 18px;"&gt;&lt;/em&gt;&lt;/div&gt; &lt;a href="http://blogs.telerik.com/images/default-source/windows-8/radcalendar_detail_panel.png?sfvrsn=0"&gt;&lt;/a&gt; &lt;/em&gt;&lt;/span&gt;&lt;/div&gt; &lt;h1 style="text-align: center;"&gt;&lt;img width="500" alt="Special dates and a detail panel." src="http://blogs.telerik.com/images/default-source/windows-8/radcalendar_detail_panel.png?sfvrsn=0" title="Special dates and a detail panel" style="vertical-align: middle;" /&gt;&lt;em style="line-height: 1.5; font-size: 13px; text-align: left;"&gt;Figure 4. Special dates templates with extra info per date in a separate panel.&lt;/em&gt;&lt;/h1&gt; &lt;h1&gt;What about the future?&lt;/h1&gt; &lt;p&gt;We have some exciting plans for and around RadCalendar, which we will be rolling out in Q3 2013, two of which are built-in range selection and easier integration between two or more calendars that will further enhance the multiple selection user experience.&lt;/p&gt; &lt;p&gt;Until then, you can download &lt;a href="http://www.telerik.com/products/windows-8/overview.aspx"&gt;RadControls for Windows 8 HTML&lt;/a&gt;&amp;nbsp;now and see&amp;nbsp;&lt;a href="http://www.telerik.com/products/windows-8/controls/calendar.aspx"&gt;RadCalendar&lt;/a&gt;&amp;nbsp;in action. Please share your ideas and feedback on our &lt;a href="http://www.telerik.com/feedback/windows-8 "&gt;feedback portal&lt;/a&gt;&amp;nbsp;or&amp;nbsp;write to us in the &lt;a href="http://www.telerik.com/community/forums/metro.aspx"&gt;forums&lt;/a&gt; or via our support-ticket system. We are eager to hear your opinion and comments about this new control.&lt;br /&gt; &lt;a href="http://www.telerik.com/products/windows-8/download.aspx"&gt;&lt;img src="http://blogs.telerik.com/images/default-source/windows-8/win8_download_10_2012.jpg?sfvrsn=0" title="Download RadControls for Windows 8" style="vertical-align: middle;" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;h1&gt;Other links&lt;/h1&gt; &lt;p&gt;More info about the new and interesting stuff coming out with the Q2 2013 release you can find by visiting the blog posts below:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://blogs.telerik.com/blogs/13-06-13/data-storage-for-windows-store-apps---a-walkthrough"&gt;Data Storage for Windows Store Apps - a Walkthrough&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/Windows8Team/posts/13-06-18/radcalendar-for-windows-8-html</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:f14463d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/AzWu86Nu8F8/whats-new-in-q2-2013-radcontrols-for-winforms</link><author>Carey Payette</author><category>webinar week</category><category>WinForms</category><title>What’s New and Awesome in Q2 2013 RadControls for WinForms Webinar Recap</title><description>A recap of all the exciting new features in the Q2 2013 release of RadControls for WinForms. Learn about the new Demo application, RadTrackBar enhancements, the RadCalculatorDropDown control as well as get a sneak peek into an upcoming control RadGanttView&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/AzWu86Nu8F8" height="1" width="1"/&gt;</description><pubDate>Tue, 18 Jun 2013 13:43:57 Z</pubDate><a10:content type="text">&lt;p&gt;Thank you to everyone who attended the webinar entitled What&amp;rsquo;s New and Awesome in Q2 2013 RadControls for WinForms. If you weren&amp;rsquo;t able to attend the webinar has been edited and is now available on Telerik TV for your enjoyment!&lt;/p&gt; &lt;h3&gt;&lt;span style="color: #666666;"&gt;WEBINAR&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;&lt;span style="color: #000000;"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/carey-payette/q2_2013_winforms.pdf?sfvrsn=2" target="_blank"&gt;Slides&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="color: #000000;"&gt;&lt;a href="http://tv.telerik.com/watch/radcontrols-for-winforms/what-is-new-in-q2-2013-radcontrols-for-winforms" target="_blank"&gt;Recording&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;h3&gt;&lt;span style="color: #666666;"&gt;WHAT DID WE COVER ?&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;&lt;span style="color: #a5a5a5;"&gt;NEW DEMO APPLICATION&lt;/span&gt;&lt;/p&gt; &lt;p&gt;The Q2 2013 release of RadControls from WinForms has a completely redesigned demo application. It boasts an updated tiled interface that adheres to the latest usability trends, demonstrating a touch friendly clean interface that will allow you to find the content that you need &amp;ndash; fast! Containing over 230 source code and application implementations &amp;ndash; you can navigate the application by using the left-hand Control navigation pane, or you can use the Search feature that is powered with AutoComplete to find the code that you are looking for.&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/careypayette/controlpanel-5-.png"&gt;&lt;img title="ControlPanel" style="border-width: 0px; background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-style: solid;" alt="ControlPanel" src="https://blogs.telerik.com/images/default-source/careypayette/controlpanel_thumb-3-.png" width="537" height="376" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="color: #a5a5a5;"&gt;RADTRACKBAR ENHANCEMENTS&lt;/span&gt;&lt;/p&gt; &lt;p&gt;RadTrackBar has been enhanced with this release bringing you the ability to display multiple ranges in the control. The different ranges available are SingleThumb, Range Mode (with both single and multiple ranges) and the StartFromBeginning mode.&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/careypayette/trackbar-6-.png"&gt;&lt;img title="TrackBar" style="border-width: 0px; background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-style: solid;" alt="TrackBar" src="https://blogs.telerik.com/images/default-source/careypayette/trackbar_thumb-4-.png" width="447" height="343" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="color: #a5a5a5;"&gt;RADCALCULATORDROPDOWN&lt;/span&gt;&lt;/p&gt; &lt;p&gt;You may have noticed an addition to your editors within the Visual Studio Toolbox. RadCalculatorDropDown, previously available as an editor within RadGridView has made its entrance as a stand-alone control with this release.&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/careypayette/q2-2013-radcalculator-5-.png"&gt;&lt;img title="q2-2013-RadCalculator" style="border-width: 0px; background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-style: solid;" alt="q2-2013-RadCalculator" src="https://blogs.telerik.com/images/default-source/careypayette/q2-2013-radcalculator_thumb-3-.png" width="289" height="315" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="color: #a5a5a5;"&gt;RADGANTTVIEW&lt;/span&gt;&lt;/p&gt; &lt;p&gt;Coming soon RadControls for WinForms will be releasing a new control, RadGanttView. This control has been a highly requested addition to the toolset. This control gives you the ability to visualize entire projects including Tasks, Dependencies as well as the % completion &amp;ndash; the perfect tool for you project management application.&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/careypayette/radganttview-5-.png"&gt;&lt;img title="RadGanttView" style="border-width: 0px; background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-style: solid;" alt="RadGanttView" src="https://blogs.telerik.com/images/default-source/careypayette/radganttview_thumb-3-.png" width="523" height="336" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;h3&gt;&lt;span style="color: #666666;"&gt;QUESTIONS AND ANSWERS&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;&lt;strong&gt;Q:&lt;/strong&gt; &lt;/p&gt; &lt;p&gt;&lt;strong&gt;When will the RadGanttView be available?&lt;/strong&gt; &lt;/p&gt; &lt;p&gt;&lt;strong&gt;A:&lt;/strong&gt; &lt;/p&gt; &lt;p&gt;Current plans are to include RadGanttView as a CTP within the next service pack.  &lt;/p&gt; &lt;p&gt;&lt;strong&gt;Q:&lt;/strong&gt; &lt;/p&gt; &lt;p&gt;&lt;strong&gt;What other changes or additions have been made to Telerik WinForms Controls?&lt;/strong&gt; &lt;/p&gt; &lt;p&gt;&lt;strong&gt;A:&lt;/strong&gt; &lt;/p&gt; &lt;p&gt;Above and beyond what was covered in the webinar, you can find detailed &lt;a href="http://www.telerik.com/products/winforms/whats-new/release-history/q2-2013-version-2013-2-612.aspx" target="_blank"&gt;release notes for Q2 2013&lt;/a&gt;&amp;nbsp; &lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;&lt;span style="color: #666666;"&gt;WRAP-UP&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;We hope that you enjoyed learning all about what is new and awesome in Telerik Reporting and OpenAccess ORM. Please reach out to us and tell us what you would like to see in the future. Whether it be new controls or features, we are here to help get your message heard, and we have awesome product teams that like to make sure that our products Deliver more Than Expected!&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;a title="Download RadControls for WinForms by Telerik" href="http://www.telerik.com/account/your-products/trial-product-versions/download-trial-file.aspx?pid=523" target="_blank" alt="Download RadControls for WinForms by Telerik" data-bitly-type="bitly_hover_card"&gt;&lt;img title="Download RadControls for WinForms by Telerik" alt="Download RadControls for WinForms by Telerik" src="https://blogs.telerik.com/docs/default-source/metabloglib/WinForms_BlogBanner_Download_Trial_Q2_2012.jpg?sfvrsn=0" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a style="display: none;" href="http://www.codeproject.com" rel="tag"&gt;CodeProject&lt;/a&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/careypayette/posts/13-06-18/whats-new-in-q2-2013-radcontrols-for-winforms</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:098663d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/tZWCvc96mnY/resources-to-the-radcontrols-for-wpf-sl-q2-2013-webinar-now-available</link><author>Michael Crump</author><category>WPF</category><category>Silverlight</category><category>XAML</category><category>xaml</category><title>Resources to the RadControls for WPF/SL Q2 2013 Webinar Now Available</title><description>A recap of the WPF/SL Q2 webinar. All resources from the webinar are included in this blog post.&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/tZWCvc96mnY" height="1" width="1"/&gt;</description><pubDate>Tue, 18 Jun 2013 12:55:05 Z</pubDate><a10:content type="text">&lt;h4&gt;INTRODUCTION&lt;/h4&gt; &lt;p&gt;Hello everyone,  &lt;/p&gt; &lt;p&gt;We wanted to thank you all for attending the WPF/SL webinar today. As always, we had a very good turnout and enjoyed the interaction with everyone.  &lt;/p&gt; &lt;p&gt;If you have any questions, feel free to leave a comment below or send us a tweet on Twitter. We also encourage you to go ahead and download your own copy of the &lt;a href="http://www.telerik.com/download-trial-file.aspx?pid=601"&gt;WPF&lt;/a&gt; and &lt;a href="http://www.telerik.com/download-trial-file.aspx?pid=571"&gt;Silverlight&lt;/a&gt; control suite right now.  &lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;h4&gt;WEBINAR MATERIALS&lt;/h4&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/michaelcrump/q2_2013_xaml.pdf?sfvrsn=2"&gt;Slides&lt;/a&gt;, &lt;a href="http://blogs.telerik.com/docs/default-source/michaelcrump/xaml_q2_demos.zip?sfvrsn=2"&gt;Source Code&lt;/a&gt; and the &lt;a href="http://tv.telerik.com/watch/radcontrols-for-silverlight/whats-new-in-xaml-q2-2013"&gt;Recorded Webinar Video&lt;/a&gt; is now available for you to enjoy.  &lt;/p&gt; &lt;h4&gt;WHAT DID WE COVER TODAY?&lt;/h4&gt; &lt;ul&gt; &lt;li&gt;We began by showing you some major enhancements in our Q2 2013 release which included -&lt;a href="http://www.telerik.com/products/wpf/tilelist.aspx"&gt;TileList&lt;/a&gt;, &lt;a href="http://www.telerik.com/products/wpf/spreadsheet.aspx"&gt;Spreadsheet&lt;/a&gt;, and our new touch-friendly QSF and then jumped into 3 demos.  &lt;/li&gt; &lt;li&gt;We talked about some of the &lt;a href="http://www.telerik.com/products/wpf/whats-new.aspx"&gt;enhancements&lt;/a&gt; in our existing controls and showed 5 demos inside our QSF (Quick Start Framework).  &lt;/li&gt; &lt;li&gt;We then took a look at how powerful &lt;a href="http://www.telerik.com/products/orm.aspx"&gt;Telerik OpenAccess ORM&lt;/a&gt; and &lt;a href="http://www.telerik.com/products/wpf/overview.aspx"&gt;RadControls for WPF&lt;/a&gt; really is, by demonstrating how to display data from a table in SQL Server from scratch and displaying it in a WPF Application (with full CRUD operations).  &lt;/li&gt; &lt;li&gt;We wrapped up with resources and Q&amp;amp;A.&lt;/li&gt; &lt;/ul&gt; &lt;h4&gt;LINKS MENTIONED IN THE TALK&lt;/h4&gt; &lt;ul&gt; &lt;li&gt;Download your own copy of Telerik&amp;rsquo;s RadControls for &lt;a href="http://www.telerik.com/download-trial-file.aspx?pid=571"&gt;Silverlight&lt;/a&gt; and &lt;a href="http://www.telerik.com/download-trial-file.aspx?pid=601"&gt;WPF&lt;/a&gt; control suite.  &lt;/li&gt; &lt;li&gt;&lt;a href="http://www.telerik.com/support.aspx"&gt;Documentation / Demos / Forums&lt;/a&gt;&amp;nbsp; &lt;/li&gt; &lt;li&gt;Learn more about &lt;a href="http://www.telerik.com/products/orm.aspx"&gt;Telerik OpenAccess ORM&lt;/a&gt;.  &lt;/li&gt; &lt;li&gt;&lt;a href="http://www.telerik.com/xamlflix.aspx"&gt;XAMLFlix&lt;/a&gt; &amp;ndash; A quick way to get you up to speed quickly on our controls.  &lt;/li&gt; &lt;li&gt;Compare the various &lt;a href="http://www.telerik.com/purchase.aspx"&gt;DevCraft&lt;/a&gt; Editions.  &lt;/li&gt; &lt;li&gt;You may also want to check out our various Telerik blogs, from the &lt;a href="http://blogs.telerik.com/xamlteam/posts.aspx"&gt;XAML Team&lt;/a&gt; to &lt;a href="http://blogs.telerik.com/michaelcrump/posts.aspx"&gt;Michael&lt;/a&gt; and &lt;a href="http://blogs.telerik.com/JesseLiberty/Posts.aspx"&gt;Jesse&amp;rsquo;s Blog&lt;/a&gt;.&lt;/li&gt; &lt;/ul&gt; &lt;h4&gt;QUESTIONS AND ANSWERS&lt;/h4&gt; &lt;ol&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Is OpenAccess similar to Entity Framework?&lt;/strong&gt; Yes, but OpenAccess ORM comes with many enterprise and performance features, built-in (and tested!) support for many databases, spatial data support, new features three times per year, and dedicated support. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Why use OpenAccess over Entity Framework?&lt;/strong&gt; Here are &lt;a href="http://www.telerik.com/products/orm/getting-started/openaccess-vs-entity-framework.aspx"&gt;7 reasons&lt;/a&gt;. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;With RadRichTextBox, can the code snippet auto detect which language I am using?&lt;/strong&gt; No, you will need to select the language from the drop-down list. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;What file formats can the SpreadSheet support?&lt;/strong&gt; CSV, TXT, XLSX. See &lt;a href="http://www.telerik.com/help/wpf/radspreadsheet-import-export.html"&gt;http://www.telerik.com/help/wpf/radspreadsheet-import-export.html&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Is there a list of release notes for WPF and Silverlight available?&lt;/strong&gt; Yes, here is the &lt;a href="http://www.telerik.com/VersionNotes.aspx?id=3345"&gt;WPF&lt;/a&gt; and &lt;a href="http://www.telerik.com/versionnotes.aspx?id=3338"&gt;Silverlight&lt;/a&gt; one. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;How do you set a theme (such as touch) to your project? &lt;/strong&gt;&lt;a href="http://www.telerik.com/help/wpf/common-styling-apperance-setting-theme-wpf.html"&gt;http://www.telerik.com/help/wpf/common-styling-apperance-setting-theme-wpf.html&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;What has been added in RadPDFViewer for WPF?&lt;/strong&gt; &lt;a href="http://www.telerik.com/products/wpf/whats-new/release-history/q2-2013-version-2013-2-0611.aspx"&gt;http://www.telerik.com/products/wpf/whats-new/release-history/q2-2013-version-2013-2-0611.aspx&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Have you considered creating a theme repository or marketplace?&lt;/strong&gt; We will take that info back to the the team, in the meantime, please add it to our portal located &lt;a href="http://feedback.telerik.com"&gt;here&lt;/a&gt;. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Can you merge data from RadGridView to RadPivotGrid?&lt;/strong&gt; You can export data from RadGridView to xlsx and import it into RadPivotGrid. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Can the diagramming framework make use of the new touch theme?&lt;/strong&gt; Absolutely, download the QSF (Quick Start Framework) and select Themes under the Diagram menu. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Is RadTileList available for both WPF/SL?&lt;/strong&gt; Yes. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Why can I find the help documentation for OpenAccess?&lt;/strong&gt; Please see the &lt;a href="http://www.telerik.com/help/openaccess-orm/openaccess-orm-introduction.html"&gt;following document.&lt;/a&gt; &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Will the SL/WPF controls eventually be available to Win8 development (e.g., the ScheduleView control)?&lt;/strong&gt; While we are striving for parity between the Win 8 HTML and XAML controls, there is no immediate parity with the XAML controls. Keep an eye on the roadmap for future developments.&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Where is the Silverlight Demo page?&lt;/strong&gt; &lt;a href="http://demos.telerik.com/silverlight/"&gt;http://demos.telerik.com/silverlight/&lt;/a&gt;&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;Where can I learn more about OpenAccess? Do you have some sort of learning materials prepared?&lt;/strong&gt; Yes, please check out our &lt;a href="http://www.telerik.com/products/orm/features/samples-kit.aspx"&gt;OpenAccess Sample Kit&lt;/a&gt;. &lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;&lt;strong&gt;What is new in OpenAccess ORM?&lt;/strong&gt; Please see the release notes located &lt;a href="http://www.telerik.com/versionnotes.aspx?id=3341"&gt;here&lt;/a&gt;. We also have an upcoming &lt;a href="http://www.telerik.com/support/webinars.aspx"&gt;webinar&lt;/a&gt; that you can learn and ask questions. &lt;/p&gt; &lt;/li&gt; &lt;/ol&gt; &lt;h4&gt;WRAP-UP&lt;/h4&gt; &lt;p&gt;Hopefully you&amp;rsquo;ve seen just how quickly and easily you can use Telerik&amp;rsquo;s RadControls for Silverlight and WPF in your next line-of-business application. Also, tell us what you want to see in the future. Whether it is new controls, additional features or content based off of existing controls, drop a comment in this post.  &lt;/p&gt; &lt;p&gt;&lt;img style="border-width: 0px;" alt="Get the most of XAML" src="http://blogs.telerik.com/images/default-source/marketing-team/cta_xaml_2013.gif?sfvrsn=2" usemap="#CTAmap" /&gt; &lt;map id="CTAmap" name="CTAmap"&gt; &lt;area href="http://www.telerik.com/products/wpf/download.aspx" shape="rect" alt="Download RadControls for WPF" coords="464, 33, 574, 63" /&gt; &lt;area href="http://www.telerik.com/products/silverlight/download.aspx" shape="rect" alt="Download RadControls for Silverlight" coords="464, 113, 574, 143" /&gt;&lt;/map&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/michaelcrump/posts/13-06-18/resources-to-the-radcontrols-for-wpf-sl-q2-2013-webinar-now-available</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:0f4c63d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/lJfOWfHenqQ/weekly-dose-of-telerik-support-resources-06-18-2013</link><author>Ivailo Ivanov</author><title>Weekly Dose of Telerik Support Resources 06/18/2013</title><description>&lt;h2&gt;&lt;a href="http://www.telerik.com/community/forums/justtrace/general-discussions/latest-online-resources-for-justtrace.aspx#2649030"&gt;Just Trace&lt;/a&gt;&lt;/h2&gt; &lt;a href="http://blogs.telerik.com/justteam/posts/13-05-28/understanding-net-just-in-time-compilation" style="line-height: 1.5;"&gt;Understanding .NET Just-In-Time Compilation&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;The JIT Compiler resolves most of the limitations of the explicit compilation and delivers additional functional benefits. Programs in .NET are available on a wide range of platforms. The .NET JIT Compiler can optimize the most used IL code for even faster performance.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h2&gt;&lt;a href="http://www.kendoui.com/forums/ui/general-discussions/latest-online-resources-for-kendoui-web.aspx#boEPYK6aG2OF1P8AAFTdxQ"&gt;Kendo UI For ASP.NET MVC&lt;/a&gt;&lt;/h2&gt; &lt;a href="http://www.kendoui.com/blogs/teamblog/posts/13-06-06/asset-management-the-status-quo-and-areas-of-opportunity.aspx" target="_blank" style="line-height: 1.5;"&gt;Asset Management, the Status Quo and Areas Of Opportunity&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;This blog post discusses asset management and existing solutions for it.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h2&gt;&lt;a href="http://www.telerik.com/community/forums/orm/general-discussions/latest-online-resources-for-telerik-openaccess-orm.aspx#2655681"&gt;Telerik OpenAccess ORM&lt;/a&gt;&lt;/h2&gt; &lt;a href="http://blogs.telerik.com/openaccessteam/posts/13-06-05/inotifypropertychanged-out-of-the-box" target="_blank" style="line-height: 1.5;"&gt;INotifyPropertyChanged out of the box&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;INotifyPropertyChanged and INotifyPropertyChanging interface implementations for all persistent properties will be only one click away with Q2 2013 of OpenAccess ORM!&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h2&gt;&lt;a href="http://www.sitefinity.com/developer-network/forums/general-discussions-/-latest-online-resources-for-sitefinity#HkxbV8E3622pWP8AAERlJg"&gt;Sitefinity&lt;/a&gt;&lt;/h2&gt; &lt;strong style="line-height: 1.5;"&gt;Backend Extension Scripts&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.sitefinity.com/blogs/stefani-tacheva-s-blog/2013/06/06/setting-a-default-filter-for-library-items-in-sitefinity-cms" style="line-height: 1.5;"&gt;Setting a Default Filter for Library Items in Sitefinity CMS&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;Explains how you can operate with the backend extension scripts, implement backend filtering using a sidebar widget, and set the default filter when a backend view is open.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;Mobile App Builder&lt;br /&gt; &lt;/strong&gt;&lt;a href="http://www.sitefinity.com/blogs/alon-rotems-blog/2013/06/04/post-webinar-post-sitefinity%27s-mobile-app-builder" style="line-height: 1.5;"&gt;Post-Webinar Post: Sitefinity's Mobile App Builder&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;Provides a summary of our may 30th &lt;/span&gt;&lt;a href="http://www.sitefinity.com/campaigns/webinars/sitefinity-6-0-s-mobile-app-builder" style="line-height: 1.5;"&gt;Sitefinity's Mobile App Builder&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;and demonstrates how the basics of the demonstrated functionality have been implemented.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;New KB articles&lt;br /&gt; &lt;/strong&gt;&lt;a href="http://www.sitefinity.com/developer-network/knowledge-base/-invalid-time-zone-id-exception-on-azure-deployed-projects" style="line-height: 1.5;"&gt;&amp;ldquo;Invalid time zone ID&amp;rdquo; exception on Azure deployed projects&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.sitefinity.com/developer-network/knowledge-base/products-cannot-be-created-after-upgrading-to-version-6" style="line-height: 1.5;"&gt;Products cannot be created after upgrading to version 6 &lt;em&gt; &lt;/em&gt;&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; &lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.sitefinity.com/developer-network/knowledge-base/products-cannot-be-created-after-uninstalling-and-reinstalling-ecommerce-module-in-version-6" style="line-height: 1.5;"&gt;Products cannot be created after uninstalling and reinstalling Ecommerce module in version 6&lt;/a&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h2&gt;&lt;a href="http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/latest-online-resources-for-radcontrols-for-asp-net-ajax.aspx#2653896"&gt;Rad Controls for ASP.NET AJAX&lt;/a&gt;&lt;/h2&gt; &lt;strong style="line-height: 1.5;"&gt;RadPivotGrid&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.telerik.com/help/aspnet-ajax/pivotgrid-totals-calculations.html" target="_blank" style="line-height: 1.5;"&gt;Totals Calculations&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; (NEW Feature) &lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;RadPivotGrid can now apply specific calculations on your data. &lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadGrid&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/aspnet-ajax-beta/filter/examples/field-editors/defaultcs.aspx" target="_blank" style="line-height: 1.5;"&gt;&lt;/a&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax-beta/grid/examples/hierarchy/autogeneratedhierarchy/defaultcs.aspx" target="_blank" style="line-height: 1.5;"&gt;Conditional HierarchyLoadMode&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; (NEW Feature)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;This new mode is mix of server and client load - when an item is expanded for the first time, a postback is initiated to get the required child items but next time the same item will be expanded on the client without additional postbacks.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;a href="https://github.com/telerik/aspnet-sdk/tree/master/Grid/ThreeRadGridsExport" target="_blank" style="line-height: 1.5;"&gt;Export multiple grids to Excel &lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;Demonstrates how to export multiple RadGrids in different Excel spreadsheets.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadRibbonBar &lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.telerik.com/help/aspnet-ajax/ribbonbar-items-gallery-ribbonbargalleryitem.html" target="_blank" style="line-height: 1.5;"&gt;RibbonBarGalleryItem&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;Help article describing the properties that can be used with the RadRibbonBarGalleryItem &lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadDropDownTree&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.telerik.com/help/aspnet-ajax/dropdowntree-localization.html" target="_blank" style="line-height: 1.5;"&gt;Localization &lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;Help article describing how the RadDropDownTree control can be localized. &lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadHtmlChart&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://blogs.telerik.com/blogs/13-06-04/introducing-the-seriesitems-collection-in-radhtmlchart-for-asp.net-ajax" target="_blank" style="line-height: 1.5;"&gt;Introducing the SeriesItems Collection in RadHtmlChart for ASP.NET AJAX&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;Blog post that introduces the new &lt;/span&gt;&lt;strong style="line-height: 1.5;"&gt;SeriesItems&lt;/strong&gt;&lt;span style="line-height: 1.5;"&gt; collection of RadHtmlChart.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h2&gt;&lt;a href="http://www.telerik.com/community/forums/silverlight/general-discussions/latest-online-resources-for-radcontrols-for-silverlight.aspx#2654258"&gt;RadControls for Silverlight&lt;/a&gt;&lt;/h2&gt; &lt;strong style="line-height: 1.5;"&gt;RadChartView&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/silverlight/beta/#ChartView/Gallery/Point" target="_blank" style="line-height: 1.5;"&gt;Point&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;This demo demonstrates &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;PointSeries &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;and &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;MarkedZone Annotations&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/silverlight/beta/#ChartView/LargeData" target="_blank" style="line-height: 1.5;"&gt;Large (Scatter) Data &lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;This example was updated to demonstrate the &lt;/span&gt;&lt;strong&gt;&lt;span style="line-height: 1.5;"&gt;CrosshairBehavior&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadContextMenu&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/silverlight/beta/#ContextMenu/DropDownButtonIntegration" target="_blank" style="line-height: 1.5;"&gt;Integration between RadContextMenu and RadDropDownButton&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;In this demo you can check the improved integration between &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadDropDownButton &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;and &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadContextMenu&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;. In addition you will find out how to use &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;EventToCommandBehavior &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;and integrate additional control directly in &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadContextMenu&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadHeatMap&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/silverlight/beta/#HeatMap/Selection" target="_blank" style="line-height: 1.5;"&gt;Selection&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;In this example you can see some of the selection and hover capabilities of the heat map.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadMap&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/silverlight/beta/#Map/ClusterVirtualization" target="_blank" style="line-height: 1.5;"&gt;Virtualization and Grouping&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;This example demonstrates the virtualization and grouping features of the new Visualization Layer.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadMenu&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/silverlight/beta/#Menu/Customization" target="_blank" style="line-height: 1.5;"&gt;Customization of RadMenu&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;We've updated this demo and now &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadMenu &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;is using our latest menu item types - &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadMenuGroupItem&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt; and &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadMenuSeparatorItem&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;strong style="line-height: 1.5;"&gt;&lt;br /&gt; &lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadPivotGrid&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/silverlight/beta/#PivotGrid/Serialization" target="_blank" style="line-height: 1.5;"&gt;Serialization of RadPivotGrid&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;In this demo you will find out how to serialize and deserialize &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadPivotGrid&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;'s state, so you can save it and load later.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/silverlight/beta/#PivotGrid/TabularMode" target="_blank" style="line-height: 1.5;"&gt;RadPivotGrid and Tabular Mode of OLAP Cube&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;In this demo you will find out how to connect &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadPivotGrid &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;with &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;OLAP Cube &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;in &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;Tabular Mode&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h2&gt;&lt;a href="http://www.telerik.com/community/forums/wpf/general-discussions/latest-online-resources-for-radcontrols-for-wpf.aspx#2654275"&gt;RadControls for WPF&lt;/a&gt;&lt;/h2&gt; &lt;strong style="line-height: 1.5;"&gt;RadChartView&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/wpf/beta/" target="_blank" style="line-height: 1.5;"&gt;Point&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; (navigate to &lt;/span&gt;&lt;em style="line-height: 1.5;"&gt;ChartView-&amp;gt;Gallery-&amp;gt;Point &lt;/em&gt;&lt;span style="line-height: 1.5;"&gt;example)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;This demo demonstrates &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;PointSeries &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;and &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;MarkedZone Annotations&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/wpf/beta/" target="_blank" style="line-height: 1.5;"&gt;Large (Scatter) Data &lt;/a&gt;&lt;span style="line-height: 1.5;"&gt;(navigate to &lt;/span&gt;&lt;em style="line-height: 1.5;"&gt;ChartView-&amp;gt;LargeData &lt;/em&gt;&lt;span style="line-height: 1.5;"&gt;example)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;This example was updated to demonstrate the &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;CrosshairBehavior&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadContextMenu&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/wpf/beta/" target="_blank" style="line-height: 1.5;"&gt;Integration between RadContextMenu and RadDropDownButton&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; &lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;(navigate to &lt;/span&gt;&lt;em style="line-height: 1.5;"&gt;ContextMenu-&amp;gt;DropDownButtonIntegration &lt;/em&gt;&lt;span style="line-height: 1.5;"&gt;example)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;In this demo you can check the improved integration between &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadDropDownButton &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;and &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadContextMenu&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;. In addition you will find out how to use &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;EventToCommandBehavior &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;and integrate additional control directly in &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadContextMenu&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadHeatMap&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/wpf/beta/" target="_blank" style="line-height: 1.5;"&gt;Selection&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; (navigate to &lt;/span&gt;&lt;em style="line-height: 1.5;"&gt;HeatMap-&amp;gt;Selection&lt;/em&gt;&lt;span style="line-height: 1.5;"&gt; example)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;In this example you can see some of the selection and hover capabilities of the heat map.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadMap&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/wpf/beta/" target="_blank" style="line-height: 1.5;"&gt;Virtualization and Grouping&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; (navigate to &lt;/span&gt;&lt;em style="line-height: 1.5;"&gt;Map-&amp;gt;ClusterVirtualization&lt;/em&gt;&lt;span style="line-height: 1.5;"&gt; example)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;This example demonstrates the virtualization and grouping features of the new Visualization Layer.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadMenu&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/wpf/beta/" target="_blank" style="line-height: 1.5;"&gt;Customization of RadMenu&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; (navigate to &lt;/span&gt;&lt;em style="line-height: 1.5;"&gt;Menu-&amp;gt;Customization&lt;/em&gt;&lt;span style="line-height: 1.5;"&gt; example)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;We've updated this demo and now &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadMenu &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;is using our latest menu item types - &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadMenuGroupItem&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt; and &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadMenuSeparatorItem&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;strong style="line-height: 1.5;"&gt;&lt;br /&gt; &lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadPivotGrid&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/wpf/beta/" target="_blank" style="line-height: 1.5;"&gt;Serialization of RadPivotGrid&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; (navigate to &lt;/span&gt;&lt;em style="line-height: 1.5;"&gt;PivotGrid-&amp;gt;Serialization&lt;/em&gt;&lt;span style="line-height: 1.5;"&gt; example)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;In this demo you will find out how to serialize and deserialize &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadPivotGrid&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;'s state, so you can save it and load later.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://demos.telerik.com/wpf/beta/" target="_blank" style="line-height: 1.5;"&gt;RadPivotGrid and Tabular Mode of OLAP Cube&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt; (navigate to &lt;/span&gt;&lt;em style="line-height: 1.5;"&gt;PivotGrid-&amp;gt;TabularMode&lt;/em&gt;&lt;span style="line-height: 1.5;"&gt; example)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;In this demo you will find out how to connect &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;RadPivotGrid &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;with &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;OLAP Cube &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;in &lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;Tabular Mode&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h2&gt;&lt;a href="http://www.telerik.com/community/forums/metro/general-discussions/latest-online-resources-for-radcontrols-for-windows-8.aspx#2656186"&gt;Rad Controls for Windows 8&lt;/a&gt;&lt;/h2&gt; &lt;strong style="line-height: 1.5;"&gt;Data Storage (new control)&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;DataStorage &lt;/span&gt;&lt;a href="http://www.telerik.com/help/windows-8-xaml/datastorage-overview.html" target="_blank" style="line-height: 1.5;"&gt;XAML &lt;/a&gt;&lt;span style="line-height: 1.5;"&gt;/ &lt;/span&gt;&lt;a href="http://www.telerik.com/help/windows-8-html/datastorage-overview.html" target="_blank" style="line-height: 1.5;"&gt;HTML&lt;/a&gt;&lt;br /&gt; &lt;span style="line-height: 1.5;"&gt;Documentation about the new Telerik Data Storage.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;Common&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.telerik.com/help/windows-8-html/samples-sdk.html" target="_blank" style="line-height: 1.5;"&gt;SDK Examples (HTML)&lt;/a&gt;&lt;br /&gt; &lt;span style="line-height: 1.5;"&gt;An article explaining how to use the SDK examples of RadControls for Windows 8 HTML, placed in GitHub.&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;List Controls Output (HTML)&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;New help topics about the HTML output and CSS classes of &lt;/span&gt;&lt;a href="http://www.telerik.com/help/windows-8-html/autocompletebox-html-output-css-classes.html" target="_blank" style="line-height: 1.5;"&gt;RadAutoCompleteBox&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt;, &lt;/span&gt;&lt;a href="http://www.telerik.com/help/windows-8-html/combobox-html-output-css-classes.html" target="_blank" style="line-height: 1.5;"&gt;RadComboBox&lt;/a&gt;&lt;span style="line-height: 1.5;"&gt;, &lt;/span&gt;&lt;a href="http://www.telerik.com/help/windows-8-html/dropdownlist-html-output-css-classes.html" target="_blank" style="line-height: 1.5;"&gt;RadDropDownList &lt;/a&gt;&lt;span style="line-height: 1.5;"&gt;and &lt;/span&gt;&lt;a href="http://www.telerik.com/help/windows-8-html/tokeninput-html-output-css-classes.html" target="_blank" style="line-height: 1.5;"&gt;RadTokenInput&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadChart&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.telerik.com/help/windows-8-html/chart-create-bullet-graph.html" target="_blank" style="line-height: 1.5;"&gt;Create a Bullet Graph Using RadChart (HTML)&lt;/a&gt;&lt;br /&gt; &lt;span style="line-height: 1.5;"&gt;A new help article explaining how to create a bullet graph using the new Bullet series in RadChart&lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.telerik.com/help/windows-8-html/chart-plot-bands.html" target="_blank" style="line-height: 1.5;"&gt;Plot Bands (HTML)&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;Updated the Plot Bands article to describe the new opacity property of the plot bands &lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;strong style="line-height: 1.5;"&gt;RadGrid&lt;/strong&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.telerik.com/help/windows-8-html/grid-editing-custom-editors.html" target="_blank" style="line-height: 1.5;"&gt;Custom Editors (HTML)&lt;/a&gt;&lt;br /&gt; &lt;span style="line-height: 1.5;"&gt;A new article showing how to use custom editors in RadGrid &lt;/span&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;br style="line-height: 1.5;" /&gt; &lt;a href="http://www.telerik.com/help/windows-8-html/grid-editing-configuration.html" target="_blank" style="line-height: 1.5;"&gt;Editing Configuration (HTML)&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;Updated the article with an example&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h2&gt;&lt;a href="http://www.telerik.com/community/forums/winforms/general-discussions/latest-online-resources-for-radcontrols-for-winforms.aspx#2651608"&gt;Rad Controls for WinForms&lt;/a&gt;&lt;/h2&gt; &lt;a href="http://blogs.telerik.com/careypayette/posts/13-06-03/announcing-q2-2013-radcontrols-for-winforms-beta-now-available-for-download?utm_source=feedburner&amp;amp;utm_medium=feed&amp;amp;utm_campaign=Feed%3A+Telerik+%28Telerik+Blogs%29" target="_blank" style="line-height: 1.5;"&gt;Announcing Q2 2013 RadControls for WinForms Beta &amp;ndash; Now available for download&lt;/a&gt;&lt;br style="line-height: 1.5;" /&gt; &lt;span style="line-height: 1.5;"&gt;A look at the Q2 2013 Beta release of Radcontrols for WinForms&amp;nbsp;&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/lJfOWfHenqQ" height="1" width="1"/&gt;</description><pubDate>Tue, 18 Jun 2013 09:28:02 Z</pubDate><feedburner:origLink>http://blogs.telerik.com/supportdepartment/posts/13-06-18/weekly-dose-of-telerik-support-resources-06-18-2013</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:ff4363d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/vvFmxEI-IkU/debug-decompiled-code-with-justcode</link><author>Phil Japikse</author><category>JustDecompile</category><category>.NET TOOLS</category><category>JustCode</category><category>.NET</category><category>decompile</category><category>debugging</category><category>decompilation</category><category>Just* Team</category><title>Debug Decompiled Code with JustCode</title><description>Debug Decompiled code inside Visual Studio with JustCode Q2 2013.&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/vvFmxEI-IkU" height="1" width="1"/&gt;</description><pubDate>Mon, 17 Jun 2013 16:01:01 Z</pubDate><a10:content type="text">&lt;h3&gt;Background&lt;/h3&gt; &lt;p&gt;There are a variety of reasons why source code goes &amp;ldquo;missing&amp;rdquo;.&amp;nbsp; Poor utilization of source code control, server crash, third party software that didn&amp;rsquo;t provide the source control.&amp;nbsp; Of course there are more, but in the end, the result is the same.&amp;nbsp; You depend on a library that you don&amp;rsquo;t have the source for.&amp;nbsp; &lt;/p&gt; &lt;p&gt;This isn&amp;rsquo;t an issue until, well to be circular, until there&amp;rsquo;s an issue.&amp;nbsp; Something isn&amp;rsquo;t working as expected, or you need to add a new feature to your system, and you don&amp;rsquo;t know how the library works. One solution is to use JustDecompile to decompile the assembly, add the source code into your solution, and debug away.&amp;nbsp; While this works, it is a lot of friction just to see what is happening under the covers.&lt;/p&gt; &lt;h3&gt;An Example Problem&lt;/h3&gt; &lt;p&gt;For this example, I want to debug into the &amp;ldquo;LegacyCode&amp;rdquo; dependency in my project.&amp;nbsp; The code that depends on the legacy code is shown in Listing 1.&amp;nbsp; I want to see exactly what&amp;rsquo;s happening in the &amp;ldquo;DoSomething&amp;rdquo; method. &lt;/p&gt; &lt;pre style="padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 550px; padding-right: 5px; overflow: auto;   padding-top: 5px;border: #cecece 1px solid;"&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;[Test]
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;&lt;span style="color: #0000ff;"&gt;public&lt;/span&gt; &lt;span style="color: #0000ff;"&gt;void&lt;/span&gt; ShouldDoSomething()
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;{
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;    var addend1 = 5;
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;    var addend2 = 10;
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;    var sut = &lt;span style="color: #0000ff;"&gt;new&lt;/span&gt; LegacyCode.MyClass();
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;    var result = sut.DoSomething(addend1, addend2);
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;    Assert.AreEqual(result, 15);
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;}&lt;/pre&gt; &lt;/pre&gt; &lt;p&gt;Listing 1 &amp;ndash; The Legacy Dependency in Action&lt;/p&gt; &lt;h3&gt;The Solution&lt;/h3&gt; &lt;p&gt;With the Q2 2013 release of &lt;a href="http://www.telerik.com/justcode" target="_blank"&gt;JustCode&lt;/a&gt;, this has become trivial to solve!&amp;nbsp; You can now decompile the code right in Visual Studio, set breakpoints, and leverage all of the debugging power of Visual Studio in just a few simple steps!&lt;/p&gt; &lt;h4&gt;Modifying Visual Studio Settings&lt;/h4&gt; &lt;p&gt;In order to enable debugging into decompiled code, you must first disable &amp;ldquo;Just My Code&amp;rdquo;. This setting is located under Tools &amp;ndash;&amp;gt; Options &amp;ndash;&amp;gt; Debugging.&amp;nbsp; &lt;/p&gt; &lt;h4&gt;Three Way to Decompiling Dependencies&lt;/h4&gt; &lt;p&gt;Using JustCode&amp;rsquo;s navigation feature to GoTo Definition of the DoSomething Method gives me a window that looks like Listing 2.&lt;/p&gt; &lt;pre style="padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 550px; padding-right: 5px; overflow: auto;   padding-top: 5px;border: #cecece 1px solid;"&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;&lt;span style="color: #008000;"&gt;//&lt;/span&gt; &lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;&lt;span style="color: #008000;"&gt;// This file has been decompiled from ...\LegacyCode.dll&lt;/span&gt; &lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;&lt;span style="color: #008000;"&gt;//&lt;/span&gt; &lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;&lt;span style="color: #0000ff;"&gt;namespace&lt;/span&gt; LegacyCode
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;{
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #008000;"&gt;// metadata token 02000002&lt;/span&gt; &lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #0000ff;"&gt;public&lt;/span&gt; &lt;span style="color: #0000ff;"&gt;class&lt;/span&gt; MyClass : System.Object
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;   {
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #008000;"&gt;// metadata token 06000001&lt;/span&gt; &lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #0000ff;"&gt;public&lt;/span&gt; &lt;span style="color: #0000ff;"&gt;int&lt;/span&gt; DoSomething(&lt;span style="color: #0000ff;"&gt;int&lt;/span&gt; addend1, &lt;span style="color: #0000ff;"&gt;int&lt;/span&gt; addend2) {
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #0000ff;"&gt;return&lt;/span&gt; addend1 + addend2;
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;	}
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #008000;"&gt;// metadata token 06000002&lt;/span&gt; &lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #0000ff;"&gt;public&lt;/span&gt; MyClass() {}
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;   }
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;}
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;&lt;/pre&gt; &lt;/pre&gt; &lt;p&gt;Listing 2 &amp;ndash; Raw Decompilation of the Dependency&lt;/p&gt; &lt;p&gt;When I try to set a breakpoint on re DoSomething method, I get the dialog shown in Figure 1.&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/phil-japikse/image-4-.png"&gt;&lt;img width="644" height="212" title="image" style="background-image: none;   padding-left: 0px; padding-right: 0px; display: inline;   padding-top: 0px;border: 0px;" alt="image" src="https://blogs.telerik.com/images/default-source/phil-japikse/image_thumb-1-.png" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Figure 1&lt;/p&gt; &lt;p&gt;Clicking on the Decompile button does what it says it will do&amp;nbsp; &amp;ndash; it decompiles the assembly and allows breakpoints to be set in your dependency. &lt;/p&gt; &lt;p&gt;Before I go into the debugging aspect, I want to explore the other ways dependencies can be decompiled.&lt;/p&gt; &lt;h4&gt;Decompiling Through the Assembly Browser&lt;/h4&gt; &lt;p&gt;There&amp;rsquo;s a new window in JustCode, called the Assembly Browser.&amp;nbsp; You can access it from JustCode &amp;ndash;&amp;gt; Windows &amp;ndash;&amp;gt; Show Assembly Browser Window (shown in Figure 2).&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/phil-japikse/snaghtml22b5f0c4.png"&gt;&lt;img width="644" height="322" title="SNAGHTML22b5f0c" style="background-image: none;   padding-left: 0px; padding-right: 0px; display: inline;   padding-top: 0px;border: 0px solid;" alt="SNAGHTML22b5f0c" src="https://blogs.telerik.com/images/default-source/phil-japikse/snaghtml22b5f0c_thumb1.png" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Figure 2 &amp;ndash; Opening the Assembly Browser Window&lt;/p&gt; &lt;p&gt;This Assembly Browser Window shows all of the referenced assemblies (see Figure 3).&amp;nbsp; &lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/phil-japikse/image-8-.png"&gt;&lt;img width="572" height="484" title="image" style="background-image: none;   padding-left: 0px; padding-right: 0px; display: inline;   padding-top: 0px;border: 0px;" alt="image" src="https://blogs.telerik.com/images/default-source/phil-japikse/image_thumb-3-.png" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Figure 3 &amp;ndash; Assembly Browser Window&lt;/p&gt; &lt;p&gt;To decompile an assembly (such as the LegacyCode.dll), right click the assembly and select &amp;ldquo;Decompile&amp;rdquo; (as in Figure 4). &lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/phil-japikse/image6.png"&gt;&lt;img width="126" height="138" title="image" style="background-image: none;   padding-left: 0px; padding-right: 0px; display: inline;   padding-top: 0px;border: 0px solid;" alt="image" src="https://blogs.telerik.com/images/default-source/phil-japikse/image_thumb2.png" /&gt;&lt;/a&gt;&lt;br /&gt;
Figure 4 &lt;/p&gt; &lt;p&gt;Once the assembly is decompiled, it will show in the Assembly Browser windows with a green check mark, as in Figure 5.&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/phil-japikse/image-12-.png"&gt;&lt;img width="572" height="484" title="image" style="background-image: none;   padding-left: 0px; padding-right: 0px; display: inline;   padding-top: 0px;border: 0px;" alt="image" src="https://blogs.telerik.com/images/default-source/phil-japikse/image_thumb-5-.png" /&gt;&lt;/a&gt;&lt;br /&gt;
Figure 5&lt;/p&gt; &lt;p&gt;To clear the decompiled information, either right click the assembly in the Assembly Browser and select &amp;ldquo;Clear Cache&amp;rdquo;, or to clear all information, click the X at the top left of the Window.&lt;/p&gt; &lt;h4&gt;Decompiling Through Solution Explorer&lt;/h4&gt; &lt;p&gt;You can also Decompile through Solution Explorer by right clicking on the dependency under &amp;ldquo;References&amp;rdquo; and selecting &amp;ldquo;Just Decompile for Debugging&amp;hellip;&amp;rdquo;.&amp;nbsp; This decompiles the assembly and loads the Assembly Browser Window.&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/phil-japikse/image-19-.png"&gt;&lt;img width="644" height="368" title="image" style="background-image: none;   margin: 0px; padding-left: 0px; padding-right: 0px; display: inline;   padding-top: 0px;border: 0px;" alt="image" src="https://blogs.telerik.com/images/default-source/phil-japikse/image_thumb-8-.png" /&gt;&lt;/a&gt;&lt;br /&gt;
Figure 6 &amp;ndash; Decompiling Through Solution Explorer&lt;/p&gt; &lt;h4&gt;Debugging the Dependency&lt;/h4&gt; &lt;p&gt;Now that I have decompiled my legacy dependency, I can navigate to the DoSomething method (click on the method in my test and hit F12 &amp;ndash; GoTo Definition), and I am looking at the source code for the legacy dependency!&amp;nbsp; As you will see from Listing 3, the fully decompiled code is much cleaner and easier to read.&amp;nbsp; This is thanks to the excellent decompilation power of JustDecompile, which is fully leveraged by JustCode.&amp;nbsp; &lt;/p&gt; &lt;pre style="padding-bottom: 5px; background-color: #fbfbfb; min-height: 40px; padding-left: 5px; width: 550px; padding-right: 5px; overflow: auto;   padding-top: 5px;border: #cecece 1px solid;"&gt;&lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;&lt;span style="color: #0000ff;"&gt;namespace&lt;/span&gt; LegacyCode
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;{
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #0000ff;"&gt;public&lt;/span&gt; &lt;span style="color: #0000ff;"&gt;class&lt;/span&gt; MyClass
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;  {
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #0000ff;"&gt;public&lt;/span&gt; MyClass()
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;	{
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;	}
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #0000ff;"&gt;public&lt;/span&gt; &lt;span style="color: #0000ff;"&gt;int&lt;/span&gt; DoSomething(&lt;span style="color: #0000ff;"&gt;int&lt;/span&gt; addend1, &lt;span style="color: #0000ff;"&gt;int&lt;/span&gt; addend2)
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;	{
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt; &lt;span style="color: #0000ff;"&gt;return&lt;/span&gt; addend1 + addend2;
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;	}
&lt;/pre&gt; &lt;pre style="background-color: #ffffff; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;  }
&lt;/pre&gt; &lt;pre style="background-color: #fbfbfb; margin: 0em; width: 100%; font-family: consolas,'Courier New',courier,monospace; font-size: 12px;"&gt;}&lt;/pre&gt; &lt;/pre&gt;
Listing 3 &amp;ndash; Fully Decompiled Dependency&lt;br /&gt; &lt;p&gt;Now I can set a break in my dependency and have the full power of Visual Studio debugging right at my fingertips!&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;a href="https://blogs.telerik.com/images/default-source/phil-japikse/image-23-.png"&gt;&lt;img width="644" height="228" title="image" style="background-image: none;   padding-left: 0px; padding-right: 0px; display: inline;   padding-top: 0px;border: 0px;" alt="image" src="https://blogs.telerik.com/images/default-source/phil-japikse/image_thumb-10-.png" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Figure 7 &amp;ndash; Interactive Debugging in Visual Studio&lt;/p&gt; &lt;h3&gt;Summary&lt;/h3&gt; &lt;p&gt;The bottom line is it will take you longer to read this post than it will to debug your decompiled dependency!&amp;nbsp; The wicked smart folks in engineering have made it crazy easy to work with those pesky dependencies that you have to face.&amp;nbsp; Download the latest copy of JustCode and try it for yourself.&lt;/p&gt; &lt;p&gt;&lt;a href="https://twitter.com/skimedic" class="twitter-follow-button" data-show-count="true"&gt;Follow @skimedic&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/products/justcode/download.aspx"&gt;&lt;img title="JustCode banner" alt="JustCode download banner image" src="http://blogs.telerik.com/images/default-source/just-blogs/justcode-banner.jpg?sfvrsn=4" /&gt;&lt;/a&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/Skimedic/posts/13-06-17/debug-decompiled-code-with-justcode</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:9f2d63d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/VxHEFwKDHYw/telerik-control-panel-improvements-now-with-more-products!</link><author>Carey Payette</author><category>Control Panel</category><category>other</category><category>Events</category><category>awards</category><category>vsx</category><category>News</category><title>Telerik Control Panel Improvements – now with more products!</title><description>This post announces the latest version of the Control Panel. Your one stop shop to install and update all of your Telerik products.&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/VxHEFwKDHYw" height="1" width="1"/&gt;</description><pubDate>Fri, 14 Jun 2013 14:08:31 Z</pubDate><a10:content type="text">&lt;p class="MsoNormal" style="margin: 0in 0in 8pt; line-height: 12pt;"&gt;Recently, you may have noticed something different in the Telerik Control Panel. In the past, Telerik Control Panel has been your go-to tool for the installation and update of DevTools, Kendo UI and testing tools. With this latest update of the Control Panel we&amp;rsquo;ve now added Test Studio, Sitefinity and TeamPulse into the mix. Each product family has now been split out into their own sections, giving you the ability to find what you are looking for &amp;ndash; fast! &lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt; &lt;p class="MsoNormal" style="page-break-after: avoid; margin: 0in 0in 8pt; line-height: 12pt;"&gt;&lt;span&gt;&lt;a href="https://blogs.telerik.com/images/default-source/careypayette/clip_image002-3-.png"&gt;&lt;img width="624" height="468" title="clip_image002" style="border: 0px solid; background-image: none; padding-top: 0px; padding-left: 0px; margin: 0px; display: inline; padding-right: 0px;" alt="clip_image002" src="https://blogs.telerik.com/images/default-source/careypayette/clip_image002_thumb.png" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;p class="MsoCaption" style="margin: 0in 0in 10pt;"&gt;&lt;span style="font-size: 9pt; color: #44546a;"&gt;&lt;em&gt;Figure &lt;span&gt;1&lt;/span&gt;- Control Panel launch screen&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;p class="MsoNormal" style="margin: 0in 0in 8pt; line-height: 12pt;"&gt;You will also be able to see a listing all the products available for installation by clicking the View all products button at the bottom of the screen.&lt;/p&gt; &lt;p class="MsoNormal" style="page-break-after: avoid; margin: 0in 0in 8pt; line-height: 12pt;"&gt;&lt;span&gt;&lt;a href="https://blogs.telerik.com/images/default-source/careypayette/clip_image004-3-.png"&gt;&lt;img width="624" height="468" title="clip_image004" style="border: 0px solid; background-image: none; padding-top: 0px; padding-left: 0px; margin: 0px; display: inline; padding-right: 0px;" alt="clip_image004" src="https://blogs.telerik.com/images/default-source/careypayette/clip_image004_thumb.png" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;p class="MsoCaption" style="margin: 0in 0in 10pt;"&gt;&lt;span style="font-size: 9pt; color: #44546a;"&gt;&lt;em&gt;Figure &lt;span&gt;2&lt;/span&gt; - viewing all products available for installation&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;p class="MsoNormal" style="margin: 0in 0in 8pt; line-height: 12pt;"&gt;To obtain this latest update, simply open Telerik Control Panel on your desktop and have the application update itself once prompted. If you were a previous subscriber of the DevTools products, by default you will be brought directly into the DevTools section, this allows direct access to the tools that you need most. To see all products available for installation you can simply select the back arrow icon at any time to go to the new main screen pictured in Figure 1. &lt;/p&gt; &lt;p class="MsoNormal" style="page-break-after: avoid; margin: 0in 0in 8pt; line-height: 12pt;"&gt;&lt;span&gt;&lt;a href="https://blogs.telerik.com/images/default-source/careypayette/clip_image006-3-.png"&gt;&lt;img width="624" height="468" title="clip_image006" style="border: 0px solid; background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px;" alt="clip_image006" src="https://blogs.telerik.com/images/default-source/careypayette/clip_image006_thumb.png" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;p class="MsoCaption" style="margin: 0in 0in 10pt;"&gt;&lt;span style="font-size: 9pt; color: #44546a;"&gt;&lt;em&gt;Figure &lt;span&gt;3&lt;/span&gt;- DevTools screen&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;p class="MsoNormal" style="margin: 0in 0in 8pt; line-height: 12pt;"&gt;Consistency is key with the new Control Panel. By retaining its familiar look and feel, the installation, update and removal experiences remain consistent across each of the new product sections. This allows you to be comfortable and productive with this new tool right out of the gate. &lt;/p&gt; &lt;p class="MsoSubtitle" style="margin: 0in 0in 8pt; letter-spacing: 0.75pt; line-height: 12pt;"&gt;&lt;span style="color: #5a5a5a;"&gt;CONCLUSION&lt;/span&gt;&lt;/p&gt; &lt;p class="MsoNormal" style="margin: 0in 0in 8pt; line-height: 12pt;"&gt;In this post we&amp;rsquo;ve reviewed the enhancements recently made to the Telerik Control Panel. This easy to use interface gives you quick access to install and update the products you need to do your job. To find out more about the features of this tool, be sure to read &lt;a href="http://blogs.telerik.com/supportdepartment/posts/13-05-24/optimizing-use-of-the-telerik-control-panel"&gt;&lt;span style="color: #0563c1;"&gt;Optimizing Use of the Telerik Control Panel&lt;/span&gt;&lt;/a&gt;. &lt;/p&gt; &lt;p class="MsoNormal" style="margin: 0in 0in 8pt; line-height: 12pt;"&gt;We also encourage you to &lt;a href="http://www.telerik.com/feedback.aspx"&gt;&lt;span style="color: #0563c1;"&gt;submit your feedback&lt;/span&gt;&lt;/a&gt; on how we can improve this fabulous tool. &lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/careypayette/posts/13-06-14/telerik-control-panel-improvements-now-with-more-products!</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:d44063d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/hJKG09ucKhg/how-raddropdowntree-for-asp.net-ajax-became-more-useful-and-fully-replaced-the-treeview-in-combobox-integration</link><author>Peter Filipov</author><category>combobox</category><category>RadControls for ASP.NET Ajax</category><category>Optimization</category><category>TreeView</category><category>DropDownTree</category><category>asp.net ajax</category><title>How RadDropDownTree for ASP.NET AJAX Became More Useful and Fully Replaced the TreeView in ComboBox Integration</title><description>RadDropDown improved its functionalities with Q2.2013. Now the control is more useful and could resolve more use cases like TreeView in ComboBox integration.&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/hJKG09ucKhg" height="1" width="1"/&gt;</description><pubDate>Fri, 14 Jun 2013 09:28:48 Z</pubDate><a10:content type="text">&lt;p&gt;We first released our &lt;a href="http://www.telerik.com/products/aspnet-ajax/dropdowntree.aspx"&gt;ASP.NET DropDownTree&lt;/a&gt; control with Q1.2013 and for one release we managed to introduce significant improvements to its features. Keep reading to see what&amp;rsquo;s new with the latest Q2 2013 release as well as what&amp;rsquo;s yet to come. &lt;/p&gt; &lt;p&gt;&lt;strong&gt;What was the situation before we introduced RadDropDownTree?&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;To implement the same scenario before the release of the DropDownTree, you had to integrate our &lt;a href="http://www.telerik.com/products/aspnet-ajax/treeview.aspx"&gt;TreeView&lt;/a&gt; and &lt;a href="http://www.telerik.com/products/aspnet-ajax/combobox.aspx"&gt;ComboBox&lt;/a&gt; controls. To accomplish your aims you had to add tons of JavaScript and custom code. Now you could easily spot the difference and make the right choice. &lt;a href="http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/treeviewcombobox/defaultcs.aspx"&gt;View demo&amp;gt;&amp;gt;&lt;/a&gt;&lt;strong&gt; &lt;br /&gt; &lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;What did we promise for Q2 2013?&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Four months ago we showed you our commitment list and we are happy to note that now everything is implemented and ready for use:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/functionality/keyboard-support/defaultcs.aspx"&gt;Filtering&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/functionality/keyboard-support/defaultcs.aspx"&gt;Keyboard support&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/functionality/checkallandclearbuttons/defaultcs.aspx"&gt;&amp;ldquo;Clear&amp;rdquo; and &amp;ldquo;Check all&amp;rdquo; buttons&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/propertyexplorer/defaultcs.aspx"&gt;Drop down auto width&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/populatingwithdata/webserviceandclienttemplates/defaultcs.aspx"&gt;Web service binding and client templates&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;As usual we delivered more than expected:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/propertyexplorer/defaultcs.aspx"&gt;Entries and FullPath delimiters&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/applicationscenarios/dropdowntreeingrid/defaultcs.aspx"&gt;DefaultValue, SelectedText and SelectedValue properties&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/propertyexplorer/defaultcs.aspx"&gt;ToolTip for entries&amp;rsquo; area&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/propertyexplorer/defaultcs.aspx"&gt;Expand node on single click&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;strong&gt;The most wanted!&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Filtering&lt;/strong&gt;&lt;/p&gt;
The filtering functionality needs special attention. Probably this is one of the most highly requested features for every hierarchical structure. Hiding and highlighting nodes is time consuming because of the DOM operations. To help you overcome this, the control is very flexible and allows to make fine tunings and decrease filtering time and make user&amp;rsquo;s interaction smooth&amp;nbsp;(e.g. disabling node&amp;rsquo;s text highlighting when you have more than 2000 nodes). I know that you are interested &lt;a href="http://www.telerik.com/help/aspnet-ajax/dropdowntree-functionality-filtering.html"&gt;what the rest are&lt;/a&gt; so please take a look here. &lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/functionality/filtering/defaultcs.aspx"&gt;View demo&amp;gt;&amp;gt;&lt;/a&gt;&lt;br /&gt; &lt;img width="474" height="290" src="http://blogs.telerik.com/images/default-source/peterfilipov/filter.png?sfvrsn=2" title="filter" style="float: left;" /&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;p&gt;&lt;strong&gt;SelectedValue and SelectedText Properties&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Two way binding is mandatory for every data bound control and we introduced&lt;/p&gt; &lt;p&gt;&lt;strong&gt;SelectedValue&lt;/strong&gt; and &lt;strong&gt;SelectedText&lt;/strong&gt; properties. They could be used in variety of scenarios. In case with multiple selection (checkboxes are on) you could pre-select many nodes by setting &lt;strong&gt;&lt;em&gt;SelectedValue = &amp;ldquo;1,2,3,4&amp;rdquo;&lt;/em&gt;&lt;/strong&gt;. &lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/applicationscenarios/dropdowntreeingrid/defaultcs.aspx"&gt;View demo&amp;gt;&amp;gt;&lt;/a&gt; &lt;/p&gt; &lt;img width="568" height="255" src="http://blogs.telerik.com/images/default-source/peterfilipov/grid.png?sfvrsn=2" title="grid" style="float: left;" /&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;strong&gt;&lt;br /&gt;
Keyboard Navigation &lt;/strong&gt;
If you are asking yourself how to navigate through all of these features the answer is simple &amp;ndash; with the keyboard J. The keyboard support is intuitive and implemented according to all of the WC3 recommendations. &lt;a href="http://demos.telerik.com/aspnet-ajax/dropdowntree/examples/functionality/keyboard-support/defaultcs.aspx"&gt;View demo&amp;gt;&amp;gt;&lt;/a&gt;&lt;img src="http://blogs.telerik.com/images/default-source/peterfilipov/keyboard.png?sfvrsn=2" title="keyboard" style="float: left;" /&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;p&gt;&lt;strong&gt;&lt;br /&gt;
Where are we going to be in the next releases?&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;We already managed to gather some feedback from you, so I will reveal some of the next features on the list:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Close dropdown on node&amp;rsquo;s selection&lt;/li&gt; &lt;li&gt;Check checkbox on text click.&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;I am sure that you have many interesting ideas to further improve the control, I challenge you to share your thoughts with us below.&lt;/p&gt; &lt;a alt="Telerik DevCraft Q2 2013 Webinar Week" data-bitly-type="bitly_hover_card" href="http://www.telerik.com/support/webinars.aspx" title="Telerik DevCraft Q2 2013 Webinar Week"&gt; &lt;img src="http://www.telerik.com/libraries/banners/devcraft_q2-2013_webinarweek.sflb" alt="Telerik DevCraft Q2 2013 Webinar Week" title="Telerik DevCraft Q2 2013 Webinar Week" /&gt; &lt;/a&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnet-ajax/posts/13-06-14/how-raddropdowntree-for-asp.net-ajax-became-more-useful-and-fully-replaced-the-treeview-in-combobox-integration</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:413f63d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/XZuTsHcrZqg/data-storage-for-windows-store-apps---a-walkthrough</link><author>Georgi Atanasov</author><category>Windows 8</category><category>WinRT</category><category>database</category><category>Win8</category><category>data storage</category><category>SQLite</category><title>Data Storage for Windows Store Apps - a Walkthrough</title><description>With the Q2 Release of &lt;a href="http://www.telerik.com/products/windows-8/overview.aspx"&gt;RadControls for Windows 8&lt;/a&gt; we announced a new Data Storage framework that fills the gap of a local database solution missing in Windows 8/RT. Our solution is based on the well-established&amp;nbsp;&lt;a href="http://www.sqlite.org/"&gt;SQLite&lt;/a&gt; engine but provides additional functionality. Particularly, we implemented a LINQ to SQLite provider and some simple ORM features for the .NET Framework on top of it. On the JavaScript and HTML 5 side, the ORM capabilities are wrapped by a lightweight library which allows JavaScript developers to take advantage of the local database storage using JS objects and standard SQL expressions.&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/XZuTsHcrZqg" height="1" width="1"/&gt;</description><pubDate>Thu, 13 Jun 2013 13:00:24 Z</pubDate><a10:content type="text">With the Q2 Release of &lt;a href="http://www.telerik.com/products/windows-8/overview.aspx"&gt;RadControls for Windows 8&lt;/a&gt; we announced a new Data Storage framework that fills the gap of a local database solution missing in Windows 8/RT. Our solution is based on the well-established&amp;nbsp;&lt;a href="http://www.sqlite.org/"&gt;SQLite&lt;/a&gt; engine but provides additional functionality. Particularly, we implemented a LINQ to SQLite provider and some simple ORM features for the .NET Framework on top of it. On the JavaScript and HTML 5 side, the ORM capabilities are wrapped by a lightweight library which allows JavaScript developers to take advantage of the local database storage using JS objects and standard SQL expressions.&lt;br /&gt; &lt;br /&gt;
Even though built on top of SQLite, Telerik Data Storage is not a simple SQLite wrapper for Windows 8. We've tried to bring together the flexibility of SQLite with the ease of use of .NET and JavaScript. As a result, the component strays from the typical SQLite programming model towards a friendlier, more familiar set of technologies inherently familiar to .NET and JavaScript developers. Automatic schema inference, LINQ support in .NET, asynchronous Promise-based development in JavaScript are some of the features that make developers feel right at home. The result is a tool that feels natural to use in the target development environment.&lt;br /&gt; &lt;br /&gt; &lt;h2&gt;Using the Data Storage component in C# and .NET&lt;/h2&gt;
Let&amp;rsquo;s give some simple examples and see the Data Storage solution in action. There is the Context class that wraps everything you need to apply CRUD operations or manipulate the database. To open or create a database with name &amp;ldquo;MyDB&amp;rdquo;, located at the local isolated storage, the following initialization of a Context instance is enough:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;var context = &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;Telerik.Storage.Extensions.Context(&lt;/code&gt;&lt;code style="color: blue;"&gt;"MyDB"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, DatabaseLocation.Local);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
Then let&amp;rsquo;s create an entity class named Person:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;class&lt;/code&gt; &lt;code style="color: #000000;"&gt;Person&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;{&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 9px ! important;"&gt;&lt;code style="color: #000000;"&gt;[System.ComponentMode.DataAnnotations.KeyAttribute]&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 9px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;long&lt;/code&gt; &lt;code style="color: #000000;"&gt;PersonID { &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;get&lt;/code&gt;&lt;code style="color: #000000;"&gt;; &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;set&lt;/code&gt;&lt;code style="color: #000000;"&gt;; }&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 9px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;string&lt;/code&gt; &lt;code style="color: #000000;"&gt;Name { &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;get&lt;/code&gt;&lt;code style="color: #000000;"&gt;; &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;set&lt;/code&gt;&lt;code style="color: #000000;"&gt;; }&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 9px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;int&lt;/code&gt; &lt;code style="color: #000000;"&gt;Age { &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;get&lt;/code&gt;&lt;code style="color: #000000;"&gt;; &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;set&lt;/code&gt;&lt;code style="color: #000000;"&gt;; }&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 9px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;bool&lt;/code&gt; &lt;code style="color: #000000;"&gt;Alive { &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;get&lt;/code&gt;&lt;code style="color: #000000;"&gt;; &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;set&lt;/code&gt;&lt;code style="color: #000000;"&gt;; }&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;}&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
Here we specify the primary key field of the table that will correspond to this entity class with [Key] annotation. Primary key definition for any entity class is mandatory.&amp;nbsp;We can additionally mark any field as auto-incremented by adding the [DatabaseGenerated(DatabaseGeneratedOption.Identity)] data annotation.&lt;br /&gt; &lt;br /&gt;
The following code shows a simple insertion of a data object into a table that maps the properties of the entity class Person. The first insertion of an object from a particular entity type automatically creates the underlying SQL table if one doesn&amp;rsquo;t already exist in the database. Otherwise it updates the existing table&amp;rsquo;s schema. The table&amp;rsquo;s column names map to public properties of the entity class. The name of the table itself matches the name of the entity class.&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;context.Insert(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;Person() { PersonID = 2, Name = &lt;/code&gt;&lt;code style="color: blue;"&gt;"John"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Age = 78, Alive = &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;true&lt;/code&gt; &lt;code style="color: #000000;"&gt;});&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;context.SaveChanges(); &lt;/code&gt;&lt;code style="color: #008200;"&gt;//persist context&amp;rsquo;s changes into the database&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
Once we have some data in, the user can apply select, update or delete operations on the persisted data. While this can be done using regular SQL queries in the SQLite dialect, we've additionally provided LINQ support for select queries. For example:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;string&lt;/code&gt; &lt;code style="color: #000000;"&gt;query = &lt;/code&gt;&lt;code style="color: blue;"&gt;"UPDATE Person SET Name = 'Mike' WHERE Name = 'John'"&lt;/code&gt;&lt;code style="color: #000000;"&gt;;&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;var t = await context.GetScalarAsync&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;int&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;(query);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
To get all persons with name &amp;ldquo;John&amp;rdquo; :&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;var p = context.Get&amp;lt;Person&amp;gt;(&lt;/code&gt;&lt;code style="color: blue;"&gt;"select * from Person as x where x.Name == @p0"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &amp;ldquo;John&amp;rdquo;);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
This is equal to the following LINQ query:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;var t = from item &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;in&lt;/code&gt; &lt;code style="color: #000000;"&gt;context.GetAll&amp;lt;Person&amp;gt;()&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;where item.Name == &lt;/code&gt;&lt;code style="color: blue;"&gt;"John"&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 36px ! important;"&gt;&lt;code style="color: #000000;"&gt;select item;&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
or&lt;br /&gt; &lt;br /&gt; &lt;div class="reCodeBlock" style="border: 1px solid #7f9db9; overflow-y: auto;"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;var f = context.GetAll&amp;lt;Person&amp;gt;().Where&amp;lt;Person&amp;gt;(p =&amp;gt; p.Name == &amp;ldquo;John&amp;rdquo;);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
As shown in the above example, you can use parameterized expressions as a convenient way to build queries based on dynamic data.&lt;br /&gt; &lt;h2&gt;Using the Data Storage component in JavaScript&lt;/h2&gt;
JavaScript developers get the same set of API goodness. Everything that .Net programmers can do with the database has its equivalent in JavaScript too. The first version of our JavaScript library exposes a thin wrapper on top of our ORM engine and allows complicated CRUD operations via data objects and SQL queries. The examples shown above can be written in JavaScript as follows:&lt;br /&gt; &lt;br /&gt; &lt;div class="reCodeBlock" style="border: 1px solid #7f9db9; overflow-y: auto;"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;var&lt;/code&gt; &lt;code style="color: #000000;"&gt;db = Telerik.Data.Database.open(&lt;/code&gt;&lt;code style="color: blue;"&gt;"MyDB"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"local"&lt;/code&gt; &lt;code style="color: #000000;"&gt;);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;var&lt;/code&gt; &lt;code style="color: #000000;"&gt;person = { id: 2, name: &lt;/code&gt;&lt;code style="color: blue;"&gt;'John'&lt;/code&gt;&lt;code style="color: #000000;"&gt;, age: 78, alive: &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;true&lt;/code&gt;&lt;code style="color: #000000;"&gt;};&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;db.insert(&lt;/code&gt;&lt;code style="color: blue;"&gt;'persons'&lt;/code&gt;&lt;code style="color: #000000;"&gt;, person);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;db.sync().then(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;function&lt;/code&gt; &lt;code style="color: #000000;"&gt;() {&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;db.close();&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 21px ! important;"&gt;&lt;code style="color: #000000;"&gt;});&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #000000;"&gt;db.query(&lt;/code&gt;&lt;code style="color: blue;"&gt;"select * from Persons where name == 'John'"&lt;/code&gt;&lt;code style="color: #000000;"&gt;).then(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;function&lt;/code&gt; &lt;code style="color: #000000;"&gt;(result)&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #008200;"&gt;//do something with the result object&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 24px ! important;"&gt;&lt;code style="color: #000000;"&gt;db.close();&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 21px ! important;"&gt;&lt;code style="color: #000000;"&gt;});&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;h2&gt;Asynchronous Database Requests&lt;/h2&gt;
An important aspect of developing with the Telerik Data Storage APIs for Windows 8 is the built-in support for asynchronous database operations in both .NET and JavaScript. While our extensive performance tests (involving tens of thousands of data records and heavy join and group queries) show very good performance results even on low-end devices, some queries may involve heavy, time-consuming data processing. In such scenarios UI responsiveness can be maintained using well-established practices of asynchronous programming.&lt;br /&gt; &lt;br /&gt;
The .NET API supports the Task-based asynchronous pattern based on the System.Threading.Tasks namespace. A set of async methods for database operations return either a Task or a Task&amp;lt;TResult&amp;gt;, based on the return type of their equivalent synchronous methods. For example, the set of synchronous methods:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;void&lt;/code&gt; &lt;code style="color: #000000;"&gt;SaveChanges(); &lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;ScalarType GetScalar&amp;lt;ScalarType&amp;gt;(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;string&lt;/code&gt; &lt;code style="color: #000000;"&gt;query);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
have corresponding async method definitions:&lt;br /&gt; &lt;br /&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;async Task SaveChangesAsync(); &lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt;&lt;span style="margin-left: 0px ! important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;async Task&amp;lt;ScalarType&amp;gt; GetScalarAsync&amp;lt;ScalarType&amp;gt;(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;string&lt;/code&gt; &lt;code style="color: #000000;"&gt;query);&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;br /&gt;
In JavaScript, all operations involving communication with the database are wrapped in &lt;a href="http://msdn.microsoft.com/en-us/library/windows/apps/br211867.aspx"&gt;Promise&lt;/a&gt; objects implementing the asynchronous flow of execution. As shown in the previous JavaScript code example, the&amp;nbsp;&lt;span style="line-height: 1.5; margin-left: 0px ! important;"&gt;&lt;code&gt;sync()&lt;/code&gt;&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;and&amp;nbsp;&lt;/span&gt;&lt;span style="line-height: 1.5; margin-left: 0px ! important;"&gt;&lt;code&gt;query(queryString)&lt;/code&gt;&lt;/span&gt;&lt;span style="line-height: 1.5;"&gt;methods of the JavaScript database object are asynchronous.&lt;/span&gt; &lt;h2&gt;How is the Data Storage Component bundled?&lt;/h2&gt;
The CTP version of the Data Storage component is available in two separate packages: one for XAML/C# and one for JavaScript/HTML. Each package includes an SDK, a sample application that demonstrates typical database usage, and a document, providing brief overview of the framework and its usage. The demo application implements a simple solution for sales management of bike stores chain with visualization of aggregated data for sales analysis. The code base shows different well described approaches for CRUD operations and uses the &lt;a href="http://www.telerik.com/products/windows-8/controls/grid.aspx"&gt;RadGrid&lt;/a&gt; and &lt;a href="http://www.telerik.com/products/windows-metro/controls/chart.aspx"&gt;RadChart&lt;/a&gt; components from our RadControls for Windows 8 suite for rich data visualization. Exploring this application is a good starting point for developers and a good integration example, demonstrating how well do RadControls for Windows 8 and the Data Storage component complement each other.&lt;br /&gt; &lt;br /&gt;
Here are some screen shots of the sample application:&lt;br /&gt; &lt;br /&gt; &lt;img title="scr1_small" src="http://blogs.telerik.com/images/default-source/windows-8/scr1_small.png?sfvrsn=0" /&gt;&lt;br /&gt; &lt;em&gt;Figure 1: The "Home Screen" of the application&lt;/em&gt;&lt;br /&gt; &lt;br /&gt; &lt;img title="scr4_small" src="http://blogs.telerik.com/images/default-source/windows-8/scr4_small.png?sfvrsn=0" /&gt;&lt;br /&gt; &lt;em&gt;Figure 2: "Total Sales by Location" page&lt;/em&gt;&lt;br /&gt; &lt;br /&gt; &lt;img title="scr5_small" src="http://blogs.telerik.com/images/default-source/windows-8/scr5_small.png?sfvrsn=0" /&gt;&lt;br /&gt; &lt;em&gt;Figure 3: "Sales by Month" page&lt;/em&gt;&lt;br /&gt; &lt;h2&gt;How Telerik&amp;rsquo;s Data Storage solution compares to other available free libraries that use the SQLite engine?&lt;/h2&gt;
There are other SQLite wrappers for .NET and Windows 8 available out there, but none of them is as feature rich as Telerik&amp;rsquo;s Data Storage. The following table compares major features supported by different SQLite wrappers that can be used for application development for Windows 8/RT:&lt;br /&gt; &lt;br /&gt; &lt;img src="http://blogs.telerik.com/images/default-source/windows-8/feature_comparison_1.png?sfvrsn=0" title="Feature_Comparison_1" /&gt;&lt;br /&gt; &lt;h2&gt;Conclusion&lt;/h2&gt;
On the .NET side the usage of &lt;a href="http://www.telerik.com/products/windows-8/controls/datastorage.aspx"&gt;Telerik&amp;rsquo;s Data Storage&lt;/a&gt; is closer to a LINQ &amp;ndash;to-SQL programming model and ADO.NET with its ORM features. Still, the component doesn&amp;rsquo;t deprive users of SQL queries too, should they need maximum flexibility. On the JavaScript side, having a robust, extensive, multi-purpose, local data storage solution enables non-trivial data-centric app development using the Windows 8 web stack. We believe the Telerik Data Storage component will become an essential tool for developers building data-oriented Windows Store applications.&amp;nbsp; Do not hesitate to &lt;a href="http://www.telerik.com/products/windows-8/download.aspx"&gt;grab your copy&lt;/a&gt; of Telerik&amp;rsquo;s Data Storage solution and give it a try. The library is in an early CTP version and we are really eager to get&amp;nbsp;&lt;a href="http://www.telerik.com/community/forums/metro.aspx"&gt;your feedback&lt;/a&gt; on what can be added, improved or extended.&lt;br /&gt; &lt;br /&gt; &lt;a href="http://www.telerik.com/products/windows-8/download.aspx"&gt;&lt;img title="Win8_Download_10_2012" src="http://blogs.telerik.com/images/default-source/windows-8/win8_download_10_2012.jpg?sfvrsn=0" /&gt;&lt;/a&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/Windows8Team/posts/13-06-13/data-storage-for-windows-store-apps---a-walkthrough</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:f13d63d2-2b23-6767-8187-ff000040479b</guid><link>http://feedproxy.google.com/~r/Telerik/~3/dclG5sUY8hI/Attack-of-the-light-rendered-CSS3-and-HTML5-win</link><author>Marin Bratanov</author><category>CSS3</category><category>Rendering</category><category>HTML5</category><category>lightweight</category><category>comparison</category><category>classic</category><category>asp.net ajax</category><title>The Attack of the Light-Rendered or how Lightweight beats Heavyweight with CSS3 and HTML5</title><description>Lightweight rendering mode is available for five more controls – RadCalendar, RadDock, RadFormDecorator, RadToolTip and RadWindow. Enjoy the benefits from the new HTML5 semantic rendering and the power of CSS3 the Q2 2013 release of the RadControls for ASP.NET AJAX will bring to your application!&lt;img src="http://feeds.feedburner.com/~r/Telerik/~4/dclG5sUY8hI" height="1" width="1"/&gt;</description><pubDate>Thu, 13 Jun 2013 11:06:38 Z</pubDate><a10:content type="text">&lt;p&gt;
It&amp;rsquo;s been a while since we last talked about the cool new &lt;strong&gt;Lightweight
Rendering mode&lt;/strong&gt; which has been available for
&lt;a target="_blank" href="http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/rendermode/defaultcs.aspx"&gt;Telerik's ASP.NET ComboBox&lt;/a&gt; for several months and with the &lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new.aspx"&gt;Q2 2013 release&lt;/a&gt; is now available for our
&lt;a href="http://demos.telerik.com/aspnet-ajax/calendar/examples/functionality/rendermode/defaultcs.aspx" target="_blank"&gt;Calendar&lt;/a&gt;,
&lt;a href="http://demos.telerik.com/aspnet-ajax/window/examples/rendermode/defaultcs.aspx" target="_blank"&gt;Window&lt;/a&gt;,
&lt;a href="http://demos.telerik.com/aspnet-ajax/tooltip/examples/rendermodes/defaultcs.aspx" target="_blank"&gt;ToolTip&lt;/a&gt;,
&lt;a href="http://demos.telerik.com/aspnet-ajax/formdecorator/examples/rendermodes/defaultcs.aspx" target="_blank"&gt;FormDecorator&lt;/a&gt; and
&lt;a href="http://demos.telerik.com/aspnet-ajax/dock/examples/rendermodes/defaultcs.aspx" target="_blank"&gt;Dock&lt;/a&gt;.
&lt;/p&gt; &lt;p&gt;
The new rendering is based &lt;strong&gt;on HTML5 and CSS3&lt;/strong&gt;,
which results in a more &lt;strong&gt;lightweight markup, less CSS and images (i.e. requests)&lt;/strong&gt;
used by your application. It is even better that at the same time the options to &lt;strong&gt;re-style a control&lt;/strong&gt; are nearly limitless - &lt;strong&gt;just a few lines
of CSS&lt;/strong&gt; can achieve what would have otherwise required reworking of
the larger stylesheets, modifying the sprites and all that hassle everyone who has
&lt;a href="http://www.telerik.com/help/aspnet-ajax/introduction-create-custom-skin.html" target="_blank"&gt;created a custom skin&lt;/a&gt; has gone through.
&lt;/p&gt; &lt;p&gt;
The previous blog post -
&lt;a href="http://blogs.telerik.com/blogs/13-03-08/radcontrols-for-asp.net-ajax-lightweight-rendering-semantic-html-and-css3" target="_blank"&gt;RadControls for ASP.NET AJAX Lightweight Rendering &amp;ndash; Going deeper into HTMLsemantics and CSS3&lt;/a&gt; &amp;ndash; is quite extensive, so follow the link down the
rabbit hole for the details :)
&lt;/p&gt; &lt;p&gt;
What is even better &amp;ndash; switching to the new rendering mode with the
&lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/release-history/q2-2013-version-2013-2-611.aspx" target="_blank"&gt;Q2 2013 release&lt;/a&gt; will leave the controls unchanged visually, well except
for the rounded corners and gradients in ancient browsers. For the users they will look and behave the same way, but you, the developer,
will know how fast styling has become, and how bandwidth consumption and the performance
of your app have improved. And your boss will like it too :)
&lt;/p&gt; &lt;h2&gt;
What is the real difference?
&lt;/h2&gt; &lt;p&gt;
Well, here is a shorthand version of the changes:
&lt;/p&gt; &lt;ul&gt; &lt;li&gt;
    No more tables that create layout&lt;br /&gt; &lt;ul&gt; &lt;li&gt;Semantic tags are now used for better SEO&lt;/li&gt; &lt;li&gt;Less elements are nested to create the same look with better performance&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;
    HTML5 and CSS3 whenever possible for easy customization
    &lt;ul&gt; &lt;li&gt;Modern browsers (Opera, FireFox, Chrome and IE9+) are slick and fast&lt;/li&gt; &lt;li&gt;Dinosaurs like IE7 and IE8 only lose gradients and rounded corners&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;
    Less image sprites
    &lt;ul&gt; &lt;li&gt;CSS3 creates gradients and rounded corners now&lt;/li&gt; &lt;li&gt;One large common sprite brings arrows, buttons and other similar images to the page,
        so each control does not have to request them separately, thus improving caching.&lt;/li&gt; &lt;li&gt;Change one sprite and you have consistent appearance in all controls&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;
Now, a bit for each control that just got upgraded with the new render mode:
&lt;/p&gt; &lt;p&gt;
Calendar &amp;ndash; no longer employs tables for building the layout but just for the purpose of semantically structuring the date elements within a given month. Mobile browsers will enjoy this.
&lt;/p&gt; &lt;p&gt;
ComboBox &amp;ndash; customizing the control is modernized with tiles (images) and gradients,
or if you still like the old ways &amp;ndash; use images. But with the tables gone either
is far easier now.
&lt;/p&gt; &lt;p&gt;
FormDecorator &amp;ndash; rounded corners and background gradients are now CSS3, so
custom heights and colors are a matter of a few CSS properties, instead of editing
sprites and tons of CSS for each height you decide to have.
&lt;/p&gt; &lt;p&gt;
Dock, ToolTip, Window &amp;ndash; I think I am starting to repeat myself, but &amp;ndash;
hey, we got rid of the tables! And headings are now h6. Take a look at how the nested
HTML elements look with the different modes for RadWindow:
&lt;/p&gt; &lt;p&gt;
&amp;nbsp;
&lt;a href="http://blogs.telerik.com/images/default-source/marinbratanov/radwindow-3dbox-lightweight-vs-classic-rendering.png?sfvrsn=2" target="_blank"&gt;&lt;img width="500" src="http://blogs.telerik.com/images/default-source/marinbratanov/radwindow-3dbox-lightweight-vs-classic-rendering.png?sfvrsn=2" alt="RadWindow 3DBox lightweight vs classic rendering" title="RadWindow-3DBox-lightweight-vs-classic-rendering" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;
For those of you unfamiliar with the &lt;a target="_blank" href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/3D_view"&gt;3D View in FireFox&lt;/a&gt; - it shows how many elements are nested under one another in your page. Put simply - less nesting means simpler CSS selectors, less room for error and, of course - better performance.&lt;br /&gt; &lt;br /&gt;
Not having red is cool, right?&amp;nbsp;
&lt;/p&gt; &lt;h2&gt;
It&amp;rsquo;s statistics time!
&lt;/h2&gt; &lt;p&gt;
Don&amp;rsquo;t just take my word, look at the numbers and do the math yourselves:
&lt;/p&gt; &lt;table width="600px" class="telerik-reTable-4"&gt; &lt;tbody&gt; &lt;tr class="telerik-reTableHeaderRow-4"&gt; &lt;td class="telerik-reTableHeaderFirstCol-4"&gt; &lt;/td&gt; &lt;td class="telerik-reTableHeaderOddCol-4"&gt;
            Classic size / Loaded Resources*
            &lt;/td&gt; &lt;td class="telerik-reTableHeaderEvenCol-4"&gt;
            LightWeight size / Loaded Resources*
            &lt;/td&gt; &lt;td class="telerik-reTableHeaderLastCol-4"&gt;
            Resource size / count improvement, %
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableOddRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            Calendar
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            22kb / 3 files
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            21kb / 3 files
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            4.5 / 0
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableEvenRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            ComboBox
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            21,51 / 4 files
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            17,14 / 2 files
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            20.3 / 50
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableOddRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            Dock
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            10,9 kb / 6 files
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            19,2 kb / 3 files
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            -76 ** / 50
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableEvenRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            FormDecorator
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            52,9 kb / 7 files
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            39,7 kb / 4 files
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            24.9 / 42.8
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableOddRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            ToolTip
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            11,9 kb / 5 files
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            5,29 kb / 4 files
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            55.5 / 20
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableEvenRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            Window
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            27,9 kb / 5 files
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            24,9 kg / 3 files
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            10.7 / 40
            &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;
&amp;nbsp;
&lt;/p&gt; &lt;p&gt;
* Size and Loaded resources are calculated as follows: Base CSS file + Default Skin
CSS file + Images/Sprites used in the skin
&lt;/p&gt; &lt;p&gt;
** This may seem scary, but is due to the larger common sprite that is now used
by the control; with more controls this will actually improve performance.&amp;nbsp;
&lt;/p&gt; &lt;table width="600px" class="telerik-reTable-4"&gt; &lt;tbody&gt; &lt;tr class="telerik-reTableHeaderRow-4"&gt; &lt;td class="telerik-reTableHeaderFirstCol-4"&gt; &lt;/td&gt; &lt;td class="telerik-reTableHeaderOddCol-4"&gt;
            Classic CSS Line numbers Base / Default***
            &lt;/td&gt; &lt;td class="telerik-reTableHeaderEvenCol-4"&gt;
            LightWeight CSS Line numbers Base / Default***
            &lt;/td&gt; &lt;td class="telerik-reTableHeaderLastCol-4"&gt;
            Base / Default CSS lines improvement, %
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableOddRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            Calendar
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            273 / 222
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            293 / 222
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            -7.3 / 0
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableEvenRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            ComboBox
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            283 / 169
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            289 / 186
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            -2 / -10
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableOddRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            Dock
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            229 / 18
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            137 / 23
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            40 / -27.7
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableEvenRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            FormDecorator
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            591 / 208
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            289 / 221
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            51 / -6.2
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableOddRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            ToolTip
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            296 / 28
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            136 / 16
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            54 / 42.8
            &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableEvenRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt;
            Window
            &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt;
            441 / 114
            &lt;/td&gt; &lt;td class="telerik-reTableEvenCol-4"&gt;
            215 / 64
            &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt;
            51.2 / 43.8
            &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;
&amp;nbsp;
&lt;/p&gt; &lt;p&gt;
*** The line numbers for Base and Default skin CSS files, generated by the SASS
file, before minification.&amp;nbsp;
&lt;/p&gt; &lt;p&gt;
Now, let&amp;rsquo;s put these controls on &lt;a href="http://blogs.telerik.com/docs/default-source/marinbratanov_files/lightweight-vs-classic-rendering-timetest.zip?sfvrsn=2" title="one simple page"&gt;one simple page&lt;/a&gt; and have the FormDecorator
style everything. Here is the difference:
&lt;/p&gt; &lt;table width="600px" class="telerik-reTable-4"&gt; &lt;tbody&gt; &lt;tr class="telerik-reTableHeaderRow-4"&gt; &lt;td class="telerik-reTableHeaderFirstCol-4"&gt; &lt;p&gt;
            Mode
            &lt;/p&gt; &lt;/td&gt; &lt;td class="telerik-reTableHeaderOddCol-4"&gt; &lt;p&gt;
            Classic
            &lt;/p&gt; &lt;/td&gt; &lt;td class="telerik-reTableHeaderLastCol-4"&gt; &lt;p&gt;
            LightWeight
            &lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableOddRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt; &lt;p&gt;
            All
            &lt;/p&gt; &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt; &lt;p&gt;
            333,7kb, 1,6ms (onload: 2s)
            &lt;/p&gt; &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt; &lt;p&gt;
            289kb, 1,23ms (onload: 1,31s)
            &lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableEvenRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt; &lt;p&gt;
            CSS
            &lt;/p&gt; &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt; &lt;p&gt;
            72,3kb, 6 files, 7ms (onload: 1,42s)
            &lt;/p&gt; &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt; &lt;p&gt;
            40,4kb, 6 files, 7ms (onload: 1,02s)
            &lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class="telerik-reTableOddRow-4"&gt; &lt;td class="telerik-reTableFirstCol-4"&gt; &lt;p&gt;
            Images
            &lt;/p&gt; &lt;/td&gt; &lt;td class="telerik-reTableOddCol-4"&gt; &lt;p&gt;
            23,2kb, 11 files, 310ms (onload: 1,38s)
            &lt;/p&gt; &lt;/td&gt; &lt;td class="telerik-reTableLastCol-4"&gt; &lt;p&gt;
            20,7, 3 files, 274ms (onload: 0,98s)
            &lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;
&amp;nbsp;
&lt;/p&gt; &lt;p&gt;
And that is with just one instance of the control, your real application will have
much more complex pages where the effect will be even stronger.
&lt;/p&gt; &lt;p&gt;
All test results were taken with FireFox and FireBug and the server is the VS built-in
Cassini &amp;ndash; the connection does not get much faster than that, so slower connections
will benefit more from the lower amount of resources the page will download.
&lt;/p&gt; &lt;h2&gt;
Take it for a test drive
&lt;/h2&gt; &lt;p&gt;
Try out this new feature and compare your pages with their old versions, just add
the following in your web.config so you can change the render mode for the entire
application:
&lt;/p&gt; &lt;div style="border: 1px solid #7f9db9; overflow-y: auto;" class="reCodeBlock"&gt; &lt;div style="background-color: #ffffff;"&gt; &lt;span style="margin-left: 0px ! important;"&gt; &lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;appSettings&lt;/code&gt; &lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt; &lt;/span&gt; &lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt; &lt;span&gt; &lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt; &lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;add&lt;/code&gt; &lt;code style="color: #808080;"&gt;key&lt;/code&gt; &lt;code style="color: #000000;"&gt;=&lt;/code&gt; &lt;code style="color: blue;"&gt;"Telerik.Web.UI.RenderMode"&lt;/code&gt; &lt;code style="color: #808080;"&gt;
value
&lt;/code&gt; &lt;code style="color: #000000;"&gt;=&lt;/code&gt; &lt;code style="color: blue;"&gt;"lightweight"&lt;/code&gt; &lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt; &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt; &lt;span&gt; &lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt; &lt;code style="color: #000000;"&gt;&amp;lt;!&amp;mdash; Switching one control only:&amp;nbsp; --&amp;gt;&lt;/code&gt; &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div style="background-color: #f8f8f8;"&gt; &lt;span&gt; &lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 12px ! important;"&gt; &lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;add&lt;/code&gt; &lt;code style="color: #808080;"&gt;key&lt;/code&gt; &lt;code style="color: #000000;"&gt;=&lt;/code&gt; &lt;code style="color: blue;"&gt;"Telerik.Web.UI.ComboBox.RenderMode"&lt;/code&gt; &lt;code style="color: #808080;"&gt;
value
&lt;/code&gt; &lt;code style="color: #000000;"&gt;=&lt;/code&gt; &lt;code style="color: blue;"&gt;"lightweight"&lt;/code&gt; &lt;code style="color: #000000;"&gt;/&amp;gt;&lt;/code&gt; &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div style="background-color: #ffffff;"&gt; &lt;span style="margin-left: 0px ! important;"&gt; &lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;appSettings&lt;/code&gt; &lt;code style="color: #000000;"&gt;&amp;gt;&lt;/code&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;p&gt;&lt;a alt="Telerik DevCraft Q2 2013 Webinar Week" data-bitly-type="bitly_hover_card" href="http://www.telerik.com/support/webinars.aspx" title="Telerik DevCraft Q2 2013 Webinar Week"&gt;&lt;img src="http://www.telerik.com/libraries/banners/devcraft_q2-2013_webinarweek.sflb" alt="Telerik DevCraft Q2 2013 Webinar Week" title="Telerik DevCraft Q2 2013 Webinar Week" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;
The party begins in the comments section right below and everyone is invited!
&lt;/p&gt; &lt;style type="text/css" id="telerik-reTable-4"&gt;
    .telerik-reTable-4
    {
    border-collapse: collapse;
    border: solid 0px;
    font-family: Tahoma;
    }
    .telerik-reTable-4 tr.telerik-reTableHeaderRow-4
    {
    border-width: 1.0pt 1.0pt 3.0pt 1.0pt;
    margin-top: 0in;
    margin-right: 0in;
    margin-bottom: 10.0pt;
    margin-left: 0in;
    line-height: 115%;
    font-size: 11.0pt;
    font-family: "Calibri", "sans-serif";
    width: 119.7pt;
    background: #4F81BD;
    padding: 0in 5.4pt 0in 5.4pt;
    color: #FFFFFF;
    }
    .telerik-reTable-4 td.telerik-reTableHeaderFirstCol-4
    {
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableHeaderLastCol-4
    {
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableHeaderOddCol-4
    {
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableHeaderEvenCol-4
    {
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 tr.telerik-reTableOddRow-4
    {
    border-width: 1pt;
    color: #666666;
    font-size: 10pt;
    vertical-align: top;
    border-bottom-style: solid;
    border-bottom-color: #4F81BD;
    }
    .telerik-reTable-4 tr.telerik-reTableEvenRow-4
    {
    color: #666666;
    font-size: 10pt;
    vertical-align: top;
    }
    .telerik-reTable-4 td.telerik-reTableFirstCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    padding: 0in 5.4pt 0in 5.4pt;
    border-bottom-style: solid;
    border-left-style: solid;
    }
    .telerik-reTable-4 td.telerik-reTableLastCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    border-right-style: solid;
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableOddCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    padding: 0in 5.4pt 0in 5.4pt;
    border-bottom-style: solid;
    }
    .telerik-reTable-4 td.telerik-reTableEvenCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    padding: 0in 5.4pt 0in 5.4pt;
    border-bottom-style: solid;
    }
    .telerik-reTable-4 tr.telerik-reTableFooterRow-4
    {
    color: #355C8C;
    background-color: #FFFFFF;
    font-size: 10pt;
    vertical-align: top;
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableFooterFirstCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    border-left-style: solid;
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableFooterLastCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    border-right-style: solid;
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableFooterOddCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td.telerik-reTableFooterEvenCol-4
    {
    border-width: 1pt;
    border-color: #4F81BD;
    border-bottom-style: solid;
    padding: 0in 5.4pt 0in 5.4pt;
    }
    .telerik-reTable-4 td
    {
    text-align: center;
    }
&lt;/style&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnet-ajax/posts/13-06-13/Attack-of-the-light-rendered-CSS3-and-HTML5-win</feedburner:origLink></item></channel></rss>
