<?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>ASPNETMVCTEAM</title><link>http://blogs.telerik.com/</link><description>ASP.NET MVC Team's Feed</description><category>What's New</category><category>Q2 2012</category><category>MVC</category><category>KendoUI for ASP.NET MVC</category><category>Migration</category><category>beta</category><category>Telerik Extensions for ASP.NET MVC</category><category>Grid</category><category>Visual Studio Extensions</category><category>Visual Style Builder</category><category>Productivity</category><category>MVC4</category><category>ASP.NET</category><category>ASP.NET MVC</category><category>Aspnet</category><category>Release</category><category>Scatter Line</category><category>Q3 2011</category><category>Scatter</category><category>service pack</category><category>Roadmap</category><category>ServicePack</category><category>case study</category><category>SVG</category><category>chart</category><category>contest</category><category>upload</category><category>MVC3</category><category>Azure</category><category>Cloud</category><a10:contributor><a10:name>Stefan Rahnev</a10:name><a10:email>Stefan.Rahnev@telerik.com</a10:email></a10:contributor><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/AspnetMvcTeamsFeed" /><feedburner:info uri="aspnetmvcteamsfeed" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item><guid isPermaLink="false">urn:uuid:46aac8d3-f111-43c2-a507-39fcf9bd4c07</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/ldsfIeuk3NU/a-quick-look-at-the-q2-2012-release-of-the-telerik-extensions-for-aspnet-mvc.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>What's New</category><category>Q2 2012</category><category>MVC</category><title>A Quick Look at the Q2 2012 Release of the Telerik Extensions for ASPNET MVC</title><description>&lt;p&gt;How time flies! Seems like just yesterday we were rolling out with a fresh new release of the Telerik Extensions for ASP.NET MVC, but here we are ready to go with the next iteration. As always with a new release we want to do a quick highlight of what is new in the product suite, so get excited everyone – here’s the latest news on the Telerik Extensions for ASP.NET MVC.&lt;/p&gt; &lt;h1&gt;Platform Support&lt;/h1&gt; &lt;p&gt;We’ve added quite a lot of new things in the way of support to this release. First of all we have the highly anticipated support of the latest IDE...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/ldsfIeuk3NU" height="1" width="1"/&gt;</description><pubDate>Mon, 18 Jun 2012 14:00:00 Z</pubDate><a10:content type="text">&lt;p&gt;How time flies! Seems like just yesterday we were rolling out with a fresh new release of the Telerik Extensions for ASP.NET MVC, but here we are ready to go with the next iteration. As always with a new release we want to do a quick highlight of what is new in the product suite, so get excited everyone &amp;ndash; here&amp;rsquo;s the latest news on the Telerik Extensions for ASP.NET MVC.&lt;/p&gt; &lt;h1&gt;Platform Support&lt;/h1&gt; &lt;p&gt;We&amp;rsquo;ve added quite a lot of new things in the way of support to this release. First of all we have the highly anticipated support of the latest IDE brought to us by Microsoft &amp;ndash; Visual Studio 2012 RC (or as many of you might be used to, VS11). While the components have worked fine within the beta so far, we now have support for the latest RC.&lt;/p&gt; &lt;p&gt;Additionally, when speaking of RCs, we have gone ahead and ensured that our MVC Extensions work within the latest version of the ASP.NET platform as well, offering the ability to utilize them within the release candidate of ASP.NET 4. Check it out by creating a new project, you&amp;rsquo;ll see an option for a Telerik ASP.NET 4 MVC project!&lt;/p&gt; &lt;p&gt;It might be hard to keep up with all of the browser updates that are occurring, but we&amp;rsquo;re also offering support for Firefox 13, which will be happy news for all of your Firefox fans out there!&lt;/p&gt; &lt;h1&gt;New Features&lt;/h1&gt; &lt;p&gt;There are of course also a whole slew of new features that are being released with the new version of the components as well. Here are some highlights from the various components.&lt;/p&gt; &lt;h2&gt;Chart&lt;/h2&gt; &lt;h3&gt;Reverse Axis&lt;/h3&gt; &lt;p&gt;The chart now allows you to do a simple reversal of an axis. This is true both for the X and Y axis, but for the sake of not blowing your mind completely we can take a quick look of an example of just reversing the Y Axis. Reversing the axis allows you to take this chart&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/001_chart_normal.png?sfvrsn=0" alt="Chart Normal" /&gt;&lt;/p&gt; &lt;p&gt;And turn it in to this&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/002_chart_reverse.png?sfvrsn=0" alt="Chart Reverse" /&gt;&lt;/p&gt; &lt;p&gt;Now we have a reversed Y-axis where the X-axis labels are at the top, and Mar 2011 is at the top of the chart as opposed to the bottom. This is all handled by using the &lt;strong&gt;.Reverse()&lt;/strong&gt; property on your axis of choice. So in my example above I just did the following:&lt;/p&gt; &lt;p&gt; &lt;/p&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;.CategoryAxis(axis =&amp;gt; axis.Categories(s =&amp;gt; s.DateString).Reverse(&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&gt; &lt;p&gt;Pretty easy, no?&lt;/p&gt; &lt;h2&gt;Date and Time Pickers&lt;/h2&gt; &lt;h3&gt;Specifying Dates&lt;/h3&gt; &lt;p&gt;Date and Time Pickers or the hybrid DateTimePicker now offer the ability to specify the set of dates which will be displayed within the component, allowing you to move outside of the Min/Max range limitation and pick specific key dates to display.&lt;/p&gt; &lt;h2&gt;Editor&lt;/h2&gt; &lt;h3&gt;View and Edit HTML&lt;/h3&gt; &lt;p&gt;The Editor now allows you to provide a built-in tool which will display the HTML of the editor&amp;rsquo;s content to the user in a modal popup. This can be enabled simply by adding &lt;strong&gt;ViewHTML()&lt;/strong&gt; to your list of tools. If we have the following text in our Editor, with just the &lt;strong&gt;ViewHTML()&lt;/strong&gt; tool enabled&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/003_editor_html.png?sfvrsn=0" alt="ViewHTML Tool Icon" /&gt;&lt;/p&gt; &lt;p&gt;We can then click the icon which the arrow is pointing to and get the HTML for our Editor&amp;rsquo;s content!&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/004_editor_html_modal.png?sfvrsn=0" alt="HTML Editor" /&gt;&lt;/p&gt; &lt;p&gt;Very neat! Also, notice how there is a cursor at the beginning of that nice and clean HTML and that there&amp;rsquo;s an Update bottom in the bottom right-had corner? That&amp;rsquo;s right folks, you can freely enter HTML in to this area and update the content of the Editor accordingly!&lt;/p&gt; &lt;h2&gt;Grid&lt;/h2&gt; &lt;h3&gt;Ordering AutoGenerated Columns&lt;/h3&gt; &lt;p&gt;Previously AutoGenerated columns have only taken in to account the order of the fields on the entities you have passed to by a top to bottom approach (or first to last depending on how you see it). Well, this isn&amp;rsquo;t necessarily an ideal situation where you want to ensure that all columns either have a certain order, or that one or two columns always come before the others. With the Q2 2012 the Telerik ASP.NET MVC Grid offers the ability to provide a pre-defined order for these columns, even when using auto generated columns.&lt;/p&gt; &lt;p&gt;This is all handled by the &lt;a href="http://msdn.microsoft.com/en-us/library/system.componentmodel.dataannotations.displayattribute.aspx" title="DisplayAttribute"&gt;DisplayAttribute&lt;/a&gt; which can decorate all of your entities fields. It&amp;rsquo;s as simple as setting the following:&lt;/p&gt; &lt;p&gt; &lt;/p&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;[Display(Order=1)]&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;global::System.String CustomerID {&amp;hellip;}&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Which, in this case, would place a column as the second column in your Grid as the column index starts at 0. As I mentioned before you can set this across all columns or even just a select few.&lt;/p&gt; &lt;h3&gt;Added Filtering Options&lt;/h3&gt; &lt;p&gt;We&amp;rsquo;ve also gone ahead and added a few new filtering options as can be seen by this screenshot&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/005_filter_picture.png?sfvrsn=0" alt="MVC Grid Filtering" /&gt;&lt;/p&gt; &lt;p&gt;Notice how there is a dropdown where traditionally the filter would just say &amp;ldquo;And&amp;rdquo;. This can now be changed to &amp;ldquo;Or&amp;rdquo;. Additionally we also have the &amp;ldquo;Does not contain&amp;rdquo; filter option available!&lt;/p&gt; &lt;h3&gt;New Rows Added to Bottom&lt;/h3&gt; &lt;p&gt;The Grid now also allows you to add a new row to the bottom or the Grid as opposed to adding it at the top, something I know quite a few of you have asked for!&lt;/p&gt; &lt;h1&gt;KendoUI for ASP.NET MVC&lt;/h1&gt; &lt;p&gt;I also wanted to make a note the newly released beta version of Kendo UI for ASP.NET MVC! This product brings all of the exciting features from or &lt;a href="http://www.kendoui.com/" title="KendoUI"&gt;KendoUI product&lt;/a&gt; over to ASP.NET MVC. If you want to find out more information regarding the release you can check out &lt;a href="http://www.kendoui.com/blogs/teamblog/posts/12-05-31/kendo_ui_for_asp_net_mvc_beta_released.aspx" title="KendoUI for ASP.NET MVC Blog Post"&gt;this blog post over at KendoUI.com&lt;/a&gt;. You might also be curious as to how KendoUI for ASP.NET MVC and the Telerik Extensions for ASP.NET MVC fit together. This has already been addressed in an earlier blog post that I did last week, which you can find &lt;a href="http://blogs.telerik.com/aspnetmvcteam/posts/12-05-31/kendo-ui-for-asp-net-mvc-and-the-telerik-extensions-for-asp-net-mvc.aspx" title="KendoUI for ASP.NET MVC"&gt;right here&lt;/a&gt;.&lt;/p&gt; &lt;h1&gt;Ready, Set, Download!&lt;/h1&gt; &lt;p&gt;So there you have it folks, a quick overview of what is new with the Telerik MVC Extensions for ASP.NET MVC! If you haven&amp;rsquo;t already I say go ahead and &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx" title="Download the latest Telerik Extensions"&gt;download the latest bits &lt;/a&gt; and play around with them, you won&amp;rsquo;t be disappointed. While you&amp;rsquo;re at it give the &lt;a href="http://www.kendoui.com/get-kendo-ui.aspx" title="KendoUI for ASP.NET MVC Beta"&gt;beta of Kendo UI for ASP.NET MVC&lt;/a&gt; a spin as well and let us know what you think!&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-06-18/a-quick-look-at-the-q2-2012-release-of-the-telerik-extensions-for-aspnet-mvc.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:a26a146f-f916-44a7-9330-70d2b89b52fa</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/PbMABdgNF2M/kendo-ui-for-asp-net-mvc-and-the-telerik-extensions-for-asp-net-mvc.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>KendoUI for ASP.NET MVC</category><category>Migration</category><category>beta</category><category>Telerik Extensions for ASP.NET MVC</category><category>MVC</category><title>Kendo UI for ASP.NET MVC and the Telerik Extensions for ASP.NET MVC</title><description>&lt;p&gt;With today’s introduction of the ASP.NET MVC wrappers for Kendo UI, or Kendo UI for ASP.NET MVC as they’re officially called, many questions are sure to arise about their relationship to the Telerik Extensions for ASP.NET MVC. While &lt;a href="http://www.kendoui.com/faq/mvc-faq.aspx" title="KendoUI ASP.NET MVC FAQ"&gt;the FAQs on KendoUI.com&lt;/a&gt; noted our plans for ASP.NET MVC from the outset, today’s release brings more clarity to our long-term plans. In this blog post, I’m going to explain how the release of Kendo UI for ASP.NET MVC impacts the Telerik Extensions for ASP.NET MVC.&lt;/p&gt; &lt;p&gt;&lt;em&gt;Note: If you’d like to know more about Kendo UI for ASP.NET MVC beta, please read &lt;a href="http://www.kendoui.com/blogs/teamblog/posts/12-05-31/kendo_ui_for_asp_net_mvc_beta_released.aspx" title="KendoUI for ASP.NET MVC Beta Blog Post"&gt;this blog...&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/PbMABdgNF2M" height="1" width="1"/&gt;</description><pubDate>Thu, 31 May 2012 16:00:00 Z</pubDate><a10:content type="text">&lt;p&gt;With today&amp;rsquo;s introduction of the ASP.NET MVC wrappers for Kendo UI, or Kendo UI for ASP.NET MVC as they&amp;rsquo;re officially called, many questions are sure to arise about their relationship to the Telerik Extensions for ASP.NET MVC. While &lt;a href="http://www.kendoui.com/faq/mvc-faq.aspx" title="KendoUI ASP.NET MVC FAQ"&gt;the FAQs on KendoUI.com&lt;/a&gt; noted our plans for ASP.NET MVC from the outset, today&amp;rsquo;s release brings more clarity to our long-term plans. In this blog post, I&amp;rsquo;m going to explain how the release of Kendo UI for ASP.NET MVC impacts the Telerik Extensions for ASP.NET MVC.&lt;/p&gt; &lt;p&gt;&lt;em&gt;Note: If you&amp;rsquo;d like to know more about Kendo UI for ASP.NET MVC beta, please read &lt;a href="http://www.kendoui.com/blogs/teamblog/posts/12-05-31/kendo_ui_for_asp_net_mvc_beta_released.aspx" title="KendoUI for ASP.NET MVC Beta Blog Post"&gt;this blog post&lt;/a&gt; on the KendoUI.com blogs.&lt;/em&gt;&lt;/p&gt; &lt;h1&gt;Short History and Current Status&lt;/h1&gt; &lt;p&gt;The introduction of Microsoft&amp;rsquo;s ASP.NET MVC platform in 2009 was cause for celebration for some developers, and a source of frustration for others. &amp;nbsp;Unlike ASP.NET WebForms, ASP.NET MVC is geared towards the underlying technologies of the web&amp;mdash;HTML, JavaScript, and CSS&amp;mdash;and requires developers to do many tasks by hand that could traditionally be accomplished with server-side controls. In order to help developers preserve front-end productivity similar to that of the RadControls for ASP.NET AJAX, Telerik pioneered the idea of rich, reusable UI for the MVC platform with the Telerik Extensions for ASP.NET MVC.&lt;/p&gt; &lt;p&gt;The Extensions served their purpose well. For years, they helped speed developer adoption of ASP.NET MVC while still delivering rich views in their web applications.&lt;/p&gt; &lt;p&gt;During this time, however, the rise of HTML5 and increasingly powerful client-side (i.e. JavaScript) applications began to take hold. In the .NET ecosystem, ASP.NET MVC was often the framework chosen to create these modern web applications and, as such, it became clear to Telerik that a more modern toolset was needed.&lt;/p&gt; &lt;p&gt;Thus emerged Kendo UI, a jQuery-based framework that includes everything you need to build modern web and mobile applications with HTML and JavaScript, regardless of server-side platform.&lt;/p&gt; &lt;p&gt;While Kendo UI takes no dependencies on server-side platforms, it does share much of its core DNA with the Telerik Extensions. The same engineering team at Telerik builds and maintains both products, and many of the controls and features exist in both toolsets today. Even still, the products are not identical, and maintaining both under a single team is an anchor on Telerik&amp;rsquo;s ability to rapidly deliver the new features and enhancements &lt;a href="http://kendo.uservoice.com/forums/127393-kendo-ui-feedback" title="KendoUI UserVoice"&gt;we know you want to see&lt;/a&gt;. That leads us to today&amp;rsquo;s release.&lt;/p&gt; &lt;h1&gt;Kendo UI for ASP.NET MVC (beta)&lt;/h1&gt; &lt;p&gt;The introduction of server-side wrappers for Kendo UI paves the way for a single MVC future at Telerik. Upon its official release in mid-July, Kendo UI for ASP.NET MVC will meet and exceed all of the functionality available in today&amp;rsquo;s Telerik Extensions for MVC. We&amp;rsquo;ll even provide pixel-perfect themes for Kendo UI that match today&amp;rsquo;s Extensions so old and new can be used side-by-side with no visual differences.&lt;/p&gt; &lt;p&gt;Kendo UI for ASP.NET MVC will be Telerik&amp;rsquo;s primary offering for ASP.NET MVC developers after Q2 2012.&lt;/p&gt; &lt;p&gt;Does that mean the Telerik Extensions go away or stop working? Definitely not! But all new ASP.NET MVC development going forward should target Kendo UI to take advantage of Telerik&amp;rsquo;s on-going investment in these powerful tools.&lt;/p&gt; &lt;p&gt;With Kendo UI for ASP.NET MVC, developers can continue to program using the server-side patterns established in the Telerik Extensions while building on the client-side power in Kendo UI&amp;rsquo;s JavaScript widgets.&lt;/p&gt; &lt;h1&gt;Similar, But Not Identical&lt;/h1&gt; &lt;p&gt;If you currently have the Telerik Extensions for ASP.NET MVC in your project and are completely happy with your implementation, there&amp;rsquo;s no need to upgrade. Your version of the Telerik Extensions will continue to work just fine and you will continue to receive support through Q2 2013. However, if you want to adopt MVC tools that will expand beyond today&amp;rsquo;s offering, Kendo UI for ASP.NET MVC is your choice.&lt;/p&gt; &lt;p&gt;And while similar, Kendo UI for ASP.NET MVC and Telerik Extensions for ASP.NET MVC are not identical. Certain APIs have been changed to better fit the established Kendo UI client-side API. We have started to &lt;a href="http://www.kendoui.com/documentation/asp-net-mvc/migrating-from-telerik-extensions-for-aspnet-mvc.aspx" title="Migrating from the Telerik Extensions to KendoUI for ASP.NET MVC"&gt;document all of these changes&lt;/a&gt;, and we will offer complete documentation and transition guidance with the official release in July.&lt;/p&gt; &lt;h1&gt;The Transition Process&lt;/h1&gt; &lt;p&gt;If you are considering a switch, Telerik is attempting to make the transition as easy as possible.&lt;/p&gt; &lt;ol&gt; &lt;li&gt;First of all, Kendo UI for ASP.NET MVC can be included in your project and work side-by-side with the Telerik Extensions for ASP.NET MVC. There is absolutely no need to rip out the Telerik Extensions to begin using Kendo UI. You can simply start replacing components over time and make the transition slowly.&lt;br /&gt; &lt;br /&gt;
    The new Kendo UI wrappers utilize a different namespace, Kendo.Mvc.UI, and they have a slightly modified API, but your users will notice no difference between the widgets used by each (if you choose to use an existing Extensions theme).&lt;br /&gt; &lt;br /&gt; &lt;/li&gt; &lt;li&gt;We also are offering a migration guide, &lt;a href="http://www.kendoui.com/documentation/asp-net-mvc/migrating-from-telerik-extensions-for-aspnet-mvc.aspx" title="KendoUI for ASP.NET MVC Migration Guide"&gt;which you can find here&lt;/a&gt;, that covers the breaking changes between the Telerik Extensions for ASP.NET MVC and Kendo UI for ASP.NET MVC. This document highlights the differences between the two MVC toolsets, and it will be continually updated leading to the official release.&lt;/li&gt; &lt;/ol&gt; &lt;div&gt;&lt;br /&gt; &lt;/div&gt;
We hope these resources make the transition as smooth as possible. If you encounter any trouble, please use our support ticketing system so we can happily assist with the process.&lt;br /&gt; &lt;h1&gt;Licensing Questions&lt;/h1&gt; &lt;p&gt;We have &lt;a href="http://www.kendoui.com/faq/mvc-faq.aspx" title="KendoUI for ASP.NET MVC FAQ"&gt;updated our FAQ&lt;/a&gt; to provide as much information as possible about the licensing impacts of the new Kendo UI wrappers, but here are some quick answers to some of the most common questions:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;&lt;strong&gt;Will I get a license for the new Kendo UI for ASP.NET MVC wrappers?&lt;/strong&gt;&lt;br /&gt;
    If you are a current Telerik Extensions for ASP.NET MVC customer, you will automatically get a license for Kendo UI for ASP.NET MVC when it ships in July.&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Do I have to upgrade to the Kendo UI for ASP.NET MVC wrappers?&lt;/strong&gt;&lt;br /&gt;
    You are not required to use Kendo UI for ASP.NET MVC, though there are many benefits. You can continue to use the Telerik Extensions indefinitely if they meet the needs of your project. As outlined above, we will continue to prepare maintenance releases through Q2 2013.&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Will Kendo UI for ASP.NET MVC be included in the Telerik bundles?&lt;/strong&gt;&lt;br /&gt;
    Yes! Telerik Ultimate and Premium Collections will have access to Kendo UI for ASP.NET MVC, which includes Kendo UI Web, DataViz, and Mobile (no server wrappers for Mobile at this time).&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;If you have more questions, I recommend reading over &lt;a href="http://www.kendoui.com/faq/mvc-faq.aspx" title="KendoUI for ASP.NET MVC FAQ"&gt;the FAQ that linked above&lt;/a&gt;. Most of the common questions are answered there and it is a great place to learn more about this product transition.&lt;/p&gt; &lt;h1&gt;The Future Is Bright&lt;/h1&gt; &lt;p&gt;With any major step forward like this we know there are many questions and cases that cannot be addressed by a single blog post. We are excited to take this step, though, as it will unlock our ability to rapidly deliver new features and new widgets to MVC developers via Kendo UI. We hope that you&amp;rsquo;ll take this step with us and let us know how we can continue to make your lives as MVC developers easier.&lt;/p&gt; &lt;p&gt;In the meantime, download the Kendo UI for ASP.NET MVC beta and stay tuned for the final Telerik Extensions for ASP.NET MVC new features release coming with the Telerik Q2 2012 release in two weeks!
&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-05-31/kendo-ui-for-asp-net-mvc-and-the-telerik-extensions-for-asp-net-mvc.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:f8b3a01d-e865-4e03-b242-0536963d12b8</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/GK3GQ9OKf60/time-saving-features-for-mvc-developers.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>Grid</category><category>MVC</category><category>Visual Studio Extensions</category><category>Visual Style Builder</category><category>Productivity</category><category>MVC</category><title>Time Saving Features For MVC Developers</title><description>&lt;p&gt;I recently started reacquainting myself with the &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx" target="_blank"&gt;Telerik MVC Extensions&lt;/a&gt;, and it seems I had forgotten just how awesome they are! I want to talk about a few of the less known features I find really awesome in the extensions.&lt;/p&gt; &lt;h2&gt;VS Extensions&lt;/h2&gt; &lt;p&gt;Telerik’s MVC extensions come with built in Visual Studio extensions to make project creation, and configuration, a snap.&amp;nbsp; In addition, the extensions include a variety of project templates to help start new projects:&amp;nbsp; &lt;/p&gt; &lt;p&gt;&lt;a sfref="[documents]1678929a-3466-4be8-92b9-4f923e23f964" href="/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_6.png?sfvrsn=0"&gt;&lt;img style="border:0px solid; border-image: initial; display: inline;" title="image" alt="image" sfref="[documents]51663771-8400-4697-b351-f084a3d60155" src="/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_2.png?sfvrsn=0" width="317" height="220" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;What Makes it Awesome&lt;/h3&gt; &lt;p&gt;Instead of forcing me to manually check for updates, the extension proactively alert me to any available updates:&lt;/p&gt; &lt;p&gt;&lt;a sfref="[documents]7ec067ef-5306-4dc1-89a8-ef857418af8a" href="/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_2.png?sfvrsn=0"&gt;&lt;img style="border:0px solid; border-image: initial; display: inline;" title="image" alt="image" sfref="[documents]8e82fe7a-23ba-4f9f-8693-2019c871c2df" src="/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb.png?sfvrsn=0" width="244" height="178" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;When opening a project using an older...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/GK3GQ9OKf60" height="1" width="1"/&gt;</description><pubDate>Fri, 27 Apr 2012 15:52:00 Z</pubDate><a10:content type="text">&lt;p&gt;I recently started reacquainting myself with the &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx" target="_blank"&gt;Telerik MVC Extensions&lt;/a&gt;, and it seems I had forgotten just how awesome they are! I want to talk about a few of the less known features I find really awesome in the extensions.&lt;/p&gt; &lt;h2&gt;VS Extensions&lt;/h2&gt; &lt;p&gt;Telerik&amp;rsquo;s MVC extensions come with built in Visual Studio extensions to make project creation, and configuration, a snap.&amp;nbsp; In addition, the extensions include a variety of project templates to help start new projects:&amp;nbsp; &lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_6.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_2.png?sfvrsn=0" width="317" height="220" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;What Makes it Awesome&lt;/h3&gt; &lt;p&gt;Instead of forcing me to manually check for updates, the extension proactively alert me to any available updates:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_2.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb.png?sfvrsn=0" width="244" height="178" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;When opening a project using an older version of the extensions, the VS Extensions even offer some assistance:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_4.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_1.png?sfvrsn=0" width="244" height="232" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;Total time saver! :)&lt;/p&gt; &lt;p&gt;Aside from the things mentioned, the provided VS extensions provide many other features you can check out &lt;a href="http://www.telerik.com/help/aspnet-mvc/visual-studio-extensions-introduction.html" target="_blank"&gt;here&lt;/a&gt;.&lt;/p&gt; &lt;h2&gt;Script and Style Registrars&lt;/h2&gt; &lt;h3&gt;What is it?&lt;/h3&gt; &lt;p&gt;These registrars can handle CSS and JavaScript assets for any MVC applications.&amp;nbsp; They can also bundle, compress, and set cache settings for the web assets to save web requests and bandwidth!&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;What Makes it Awesome&lt;/h3&gt; &lt;p&gt;My favorite part of the Script and Style Registrars is that they will use the full version of scripts when the application is running in debug mode:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_8.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_3.png?sfvrsn=0" width="494" height="253" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;However, as soon as I set debug=false in the web.config like this:&lt;/p&gt; &lt;div style="border: 1px solid silver; padding: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; max-height: 300px; font-size: 8pt; overflow: auto; cursor: text; text-align: left;" id="codeSnippetWrapper"&gt; &lt;div style="border: none; padding: 0px; line-height: 12pt; background-color: #f4f4f4; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible; text-align: left;" id="codeSnippet"&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;system.web&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt; &lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;compilation&lt;/span&gt; &lt;span style="color: #ff0000;"&gt;debug&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="false"&lt;/span&gt; &lt;span style="color: #ff0000;"&gt;targetFramework&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="4.0"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;&lt;span style="color: #008000;"&gt;&amp;lt;!--Other code omitted---&amp;gt;&lt;/span&gt;&lt;/pre&gt; &lt;!--CRLF--&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;The registrars will automatically look for a .min version of the file, and use that instead when available:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_10.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_4.png?sfvrsn=0" width="488" height="250" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;When I was taking these screen caps, I turned of bundling and compression.&amp;nbsp; As soon as I turn them back on, the waterfall chart looks even better:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_12.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_5.png?sfvrsn=0" width="488" height="250" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;This is by &lt;strong&gt;far &lt;/strong&gt;one of my favorite features because I no longer have to manually bundle my scripts/styles, nor do I need to remember to swap in the minified files when deploying.&amp;nbsp; &lt;/p&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/help/aspnet-mvc/web-assets.html" target="_blank"&gt;More Info&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;Flexible Grid Data Binding&lt;/h2&gt; &lt;p&gt;The &lt;a href="http://www.telerik.com/products/aspnet-mvc/grid.aspx" target="_blank"&gt;Telerik MVC Grid&lt;/a&gt; provides &lt;a href="http://demos.telerik.com/aspnet-mvc/grid/serverbinding" target="_blank"&gt;server&lt;/a&gt;, &lt;a href="http://demos.telerik.com/aspnet-mvc/grid/ajaxbinding" target="_blank"&gt;ajax&lt;/a&gt;, and &lt;a href="http://demos.telerik.com/aspnet-mvc/grid/webservice" target="_blank"&gt;web service&lt;/a&gt; binding out of the box. If none of those options meet your needs, you can also configure your own &lt;a href="http://demos.telerik.com/aspnet-mvc/grid/custombinding" target="_blank"&gt;custom binding&lt;/a&gt;.&amp;nbsp; &lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;What Makes it Awesome&lt;/h3&gt; &lt;p&gt;When I start developing an application, I find myself using server binding because it is drop dead simple to implement, and more importantly, it requires less code than manually creating an html table:&lt;/p&gt; &lt;div style="border: 1px solid silver; padding: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; max-height: 300px; font-size: 8pt; overflow: auto; cursor: text; text-align: left;" id="codeSnippetWrapper"&gt; &lt;div style="border: none; padding: 0px; line-height: 12pt; background-color: #f4f4f4; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible; text-align: left;" id="codeSnippet"&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;@(Html.Telerik()&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Grid(Model)&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Name(&lt;span style="color: #006080;"&gt;"productsList"&lt;/span&gt;)&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Pageable()&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Sortable())&lt;/pre&gt; &lt;!--CRLF--&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;This small piece of code gives me a full featured grid with sorting, and paging:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_18.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_8.png?sfvrsn=0" width="546" height="90" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;Once I figure out the columns and commands I want to show, I end up converting to a hybrid between ajax, and server binding.&amp;nbsp; In this case, the grid is bound during the initial page request, but all subsequent paging and filtering requests are handled via ajax binding. The code looks like this:&lt;/p&gt; &lt;div style="border: 1px solid silver; padding: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; max-height: 300px; font-size: 8pt; overflow: auto; cursor: text; text-align: left;" id="codeSnippetWrapper"&gt; &lt;div style="border: none; padding: 0px; line-height: 12pt; background-color: #f4f4f4; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible; text-align: left;" id="codeSnippet"&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;@(Html.Telerik()&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Grid(Model)&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .DataKeys(keys =&amp;gt; keys.Add(item =&amp;gt; item.Id))&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .DataBinding(dataBinding =&amp;gt;&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      {&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;          dataBinding.Ajax()&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;                     .Select(&lt;span style="color: #006080;"&gt;"_index"&lt;/span&gt;, &lt;span style="color: #006080;"&gt;"product"&lt;/span&gt;)&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;                     .Update(&lt;span style="color: #006080;"&gt;"edit"&lt;/span&gt;, &lt;span style="color: #006080;"&gt;"product"&lt;/span&gt;)&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;                     .Delete(&lt;span style="color: #006080;"&gt;"delete"&lt;/span&gt;, &lt;span style="color: #006080;"&gt;"product"&lt;/span&gt;);&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      })&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Name(&lt;span style="color: #006080;"&gt;"productsList"&lt;/span&gt;)&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Columns(columns =&amp;gt;&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      {&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;          columns.Command(c =&amp;gt; c.Delete());&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;          columns.Command(c =&amp;gt; c.Edit());&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;          columns.Bound(m =&amp;gt; m.Name);&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;          columns.Bound(m =&amp;gt; m.DateAdded).Format(&lt;span style="color: #006080;"&gt;"{0:d}"&lt;/span&gt;);&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      })&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: white; margin: 0em; width: 100%; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Pageable()&lt;/pre&gt; &lt;!--CRLF--&gt; &lt;pre style="border: none; text-align: left; padding: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0em; width: 530px; font-family: 'courier new', courier, monospace; direction: ltr; color: black; font-size: 8pt; overflow: visible;"&gt;      .Sortable())&lt;/pre&gt; &lt;!--CRLF--&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Which results in:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_20.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_9.png?sfvrsn=0" width="548" height="156" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;That is &lt;em&gt;still&amp;nbsp; &lt;/em&gt;less code than looping and manually creating an html table.&amp;nbsp; On top of that I automatically get all sorts of AJAX goodness!&lt;/p&gt; &lt;h2&gt;NuGet Package&lt;/h2&gt; &lt;p&gt;The &lt;a href="http://nuget.org/" target="_blank"&gt;NuGet&lt;/a&gt; package allows you to quickly add the Telerik MVC extensions to an existing MVC application using a single command without actually running an installer.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;What Makes it Awesome&lt;/h3&gt; &lt;p&gt;As I mentioned, you don&amp;rsquo;t need to actually download and install the MVC extensions to access the NuGet package.&amp;nbsp; I find this extremely helpful when using a VM, or other machine where I have not run the MVC installer.&amp;nbsp; Saves tons of time!&lt;/p&gt; &lt;p&gt;To use the NuGet package, create a new MVC application, open the &lt;a href="http://docs.nuget.org/docs/start-here/using-the-package-manager-console" target="_blank"&gt;package manager console&lt;/a&gt;, and run the following command:&lt;/p&gt; &lt;p&gt;&lt;span style="font-family: con; font-size: 18px;"&gt;Install-Package TelerikMvcExtensions&lt;/span&gt;&lt;/p&gt; &lt;p&gt;This will download, and add the &lt;a href="http://www.telerik.com/help/aspnet-mvc/licensing.html" target="_blank"&gt;open source version&lt;/a&gt; of the MVC extensions to your project. Simple and productive, just the way I like it. :)&lt;/p&gt; &lt;p&gt;&lt;a href="http://nuget.org/packages/Telerikmvcextensions" target="_blank"&gt;More Info&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;&lt;/h2&gt; &lt;h2&gt;&lt;/h2&gt; &lt;h2&gt;Visual Style Builder&lt;/h2&gt; &lt;p&gt;The &lt;a href="http://stylebuilder.telerik.com/" target="_blank"&gt;Visual Style Builder&lt;/a&gt; allows developers to quickly tweak, or completely change, existing themes provided by Telerik&amp;rsquo;s MVC Extensions.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h3&gt;What Makes it Awesome&lt;/h3&gt; &lt;p&gt;Usually when developers, or designers, need to tweak styles provided by a third party, they have to dive into their favorite tools, and figure out all the styles being utilized.&amp;nbsp; Instead of wasting time figuring out each style, and tweaking them to get it &amp;ldquo;just right&amp;rdquo;, the Visual Style Builder lets you make these changes in the browser, and see the results immediately:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_14.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_6.png?sfvrsn=0" width="302" height="220" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;I created the theme above, and applied it to my project, in about 1 minute (that's why it is so awesome!):&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_22.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid; display: inline;" title="image" alt="image" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-HiddenGemsinTelerikMVCExtensions_15169-image_thumb_10.png?sfvrsn=0" width="356" height="105" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;Can&amp;rsquo;t beat that! :)&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h2&gt;&lt;/h2&gt; &lt;h2&gt;That&amp;rsquo;s Not All But&amp;hellip;&lt;/h2&gt; &lt;p&gt;There are a lot of other great features packed into the MVC extensions, but these are the items I have been using a lot lately and wanted to pass along some information about these less known features. Hopefully you find them useful, and if you have any other features you find awesome, feel free to tell me about them! Make sure to check out Telerik's MVC extensions if you have not done so already. :) &amp;nbsp;The&amp;nbsp;commercial&amp;nbsp;version with dedicated support is available &lt;a href="http://www.telerik.com/download-trial-file.aspx?pid=722"&gt;here&lt;/a&gt;,&amp;nbsp;and the open source version is&amp;nbsp;available&amp;nbsp;&lt;a href="http://www.telerik.com/products/aspnet-mvc/download-open-source.aspx"&gt;here&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;Happy Coding!&lt;/p&gt; &lt;p&gt;&lt;a style="display: none;" href="http://www.codeproject.com" rel="tag" target="blank"&gt;CodeProject&lt;/a&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-04-27/time-saving-features-for-mvc-developers.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:29255ed7-f33e-477c-8192-53cc02ecb33b</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/-Yx8pDEjVF4/telerik-mvc-extensions-q1-12-commercial-service-pack-available.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>MVC</category><title>Telerik MVC Extensions Q1'12 commercial service pack available</title><description>&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" border="0" style="width: 500px;"&gt;The Telerik MVC Extensions service pack for the first quarter of 2012 is out in the wild! It is available under the Telerik accounts of the commercial license holders. This maintenance release delivers a slew of improvements and fixes that will boost additionally your productivity and help you develop modern-looking and high-performing web sites with the Telerik MVC Extensions suite.&lt;/td&gt; &lt;td valign="top" border="0" style="width: 100px;"&gt;&lt;a sfref="[documents]da75b816-d8ba-4f6d-ad90-f059b3a5b53d" href="/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCExtensionsQ112commercialservic_D1BB-ServicePack_image8_2.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid;" alt="ServicePack_image8" sfref="[documents]66ac5ca5-4702-444f-aa3c-6db4bd05ca95" src="/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCExtensionsQ112commercialservic_D1BB-ServicePack_image8_thumb.png?sfvrsn=0" width="150" height="110" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Here are the most important enhancements we are shipping with the Q1'12 Commercial Telerik MVC Extensions package:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;(ComboBox) Added option to toggle case sensitive behavior of the combobox&lt;/li&gt; &lt;li&gt;(Date/Time Pickers) Allow to specify the available hours of the time view - applicable for...&lt;/li&gt;&lt;/ul&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/-Yx8pDEjVF4" height="1" width="1"/&gt;</description><pubDate>Thu, 19 Apr 2012 15:48:31 Z</pubDate><a10:content type="text">&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" border="0" style="width: 500px;"&gt;The Telerik MVC Extensions service pack for the first quarter of 2012 is out in the wild! It is available under the Telerik accounts of the commercial license holders. This maintenance release delivers a slew of improvements and fixes that will boost additionally your productivity and help you develop modern-looking and high-performing web sites with the Telerik MVC Extensions suite.&lt;/td&gt; &lt;td valign="top" border="0" style="width: 100px;"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCExtensionsQ112commercialservic_D1BB-ServicePack_image8_2.png?sfvrsn=0"&gt;&lt;img style="border: 0px solid;" alt="ServicePack_image8" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCExtensionsQ112commercialservic_D1BB-ServicePack_image8_thumb.png?sfvrsn=0" width="150" height="110" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Here are the most important enhancements we are shipping with the Q1'12 Commercial Telerik MVC Extensions package:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;(ComboBox) Added option to toggle case sensitive behavior of the combobox&lt;/li&gt; &lt;li&gt;(Date/Time Pickers) Allow to specify the available hours of the time view - applicable for the TimePicker and DateTimePicker extensions&lt;/li&gt; &lt;li&gt;(Editor) Editor now operates under iOS5+&lt;/li&gt; &lt;li&gt;(Grid) Added ability to insert new rows at the bottom of the grid&lt;/li&gt; &lt;li&gt;(Window) Introduced DragStart / DragEnd window events&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Needless to say, the service pack also includes bugfixes that address issues discovered by our QA engineers or reported by clients and prospects. For a complete list of what's new, refer to the release notes log.&lt;/p&gt; &lt;p&gt;Finally, I am giving you the quick links to the updated    &lt;br /&gt; &lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2767&amp;amp;pid=722"&gt;Trial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2767&amp;amp;pid=722"&gt;Commercial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q1-2012-sp1-version-2012-1-419.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-mvc"&gt;Online demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Documentation&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Happy coding with Telerik's MVC Extensions!&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-04-19/telerik-mvc-extensions-q1-12-commercial-service-pack-available.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:af55592f-d973-467c-bce7-c5be4d851c7b</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/bw7huBEbLAM/using-the-telerik-extensions-in-asp-net-mvc4-today---a-first-look.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>MVC4</category><category>ASP.NET</category><category>ASP.NET MVC</category><category>Aspnet</category><title>Using the Telerik Extensions in ASP.NET MVC4 Today - A First Look</title><description>&lt;p&gt;It’s an exciting time to be an ASP.NET developer, especially with the upcoming ASP.NET 4.5 and MVC4 releases, and I know a lot of you are wondering how the Telerik Extensions ASP.NET MVC will work with ASP.NET MVC4. While we do not have official builds against MVC4 today, we will be providing these once the platform finally comes out of beta. For those of you curious as to whether or not it works in the current beta, I can tell you that it does! Actually, I’ll do one better: I’ll show you! :)&lt;/p&gt; &lt;h1&gt;For the Love of Beta&lt;/h1&gt; &lt;p&gt;For this demo I’m...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/bw7huBEbLAM" height="1" width="1"/&gt;</description><pubDate>Thu, 08 Mar 2012 18:28:34 Z</pubDate><a10:content type="text">&lt;p&gt;It&amp;rsquo;s an exciting time to be an ASP.NET developer, especially with the upcoming ASP.NET 4.5 and MVC4 releases, and I know a lot of you are wondering how the Telerik Extensions ASP.NET MVC will work with ASP.NET MVC4. While we do not have official builds against MVC4 today, we will be providing these once the platform finally comes out of beta. For those of you curious as to whether or not it works in the current beta, I can tell you that it does! Actually, I&amp;rsquo;ll do one better: I&amp;rsquo;ll show you! :)&lt;/p&gt; &lt;h1&gt;For the Love of Beta&lt;/h1&gt; &lt;p&gt;For this demo I&amp;rsquo;m using Visual Studio 2010 and the MVC4 Beta, but if you take a look at &lt;a href="http://blogs.telerik.com/blogs/posts/12-03-02/telerik-visual-studio-11-beta-state-of-affairs.aspx" title="Telerik Products in VS 11"&gt;this blog post&lt;/a&gt; you can see that the components should work in Visual Studio 11. This means that you early adopters should be able to follow along with the new version of Visual Studio as well.&lt;/p&gt; &lt;p&gt;As I mentioned in the beginning of this post, we do not have an official build against MVC4 and our Visual Studio Extensions do not quite know how to handle an MVC4 project, yet. This cannot stop the awesomeness that is the Telerik Extensions though, no sir! We really just have to add the associated files manually, modify our web.config and we&amp;rsquo;re good to go.&lt;/p&gt; &lt;p&gt;First of all, let&amp;rsquo;s create a basic ASP.NET MVC4 Internet application.&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/mvc4_basic_001.png?sfvrsn=0" alt="Internet Application" /&gt;&lt;/p&gt; &lt;p&gt;&lt;em&gt;Side-note: Keep an eye out for future blog posts related to the Web API project &amp;ndash; I know some of you are excited about this!&lt;/em&gt;&lt;/p&gt; &lt;p&gt;Once we&amp;rsquo;ve created the application and Visual Studio is good and ready we can go ahead and manually add a reference to the Telerik.Web.MVC assembly by right-clicking on our References folder and selecting Add Reference. I find that the easiest way to find the assembly is just to go with the Browse option and then find the install directory (usually &lt;strong&gt;Program Files\Telerik\Telerik Extensions for ASP.NET MVC [Version]&lt;/strong&gt;) and locate the Binaries folder.&lt;/p&gt; &lt;p&gt;Now that we&amp;rsquo;ve added the assembly we need to open the Content and Scripts folder located in the install directory, as these contain the necessary folders that contain our CSS and JavaScript files. These are named after the version of the components we are using, but let&amp;rsquo;s just drag this over to their respective folders (Content and Scripts) in our ASP.NET MVC project. We should end up with the following:&lt;/p&gt; &lt;p&gt;References Folder:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/mvc4_basic_002.png?sfvrsn=0" alt="References Folder" /&gt;&lt;/p&gt; &lt;p&gt;Content and Scripts Folders:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/mvc4_basic_003.png?sfvrsn=0" alt="Content and Scripts" /&gt;&lt;/p&gt; &lt;p&gt;This takes care of all of the physical files. However, if you were to try to use the Telerik Extensions in a View in this state you would receive this ugly error message:&lt;/p&gt; &lt;p&gt; &lt;/p&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;lsquo;System.Web.Mvc.HtmlHelper&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;dynamic&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&amp;rsquo; does not contain a definition for &amp;lsquo;Telerik&amp;rsquo; and no extension method &amp;lsquo;Telerik [&amp;hellip;]&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Although that looks upsetting, there&amp;rsquo;s no need to fear :) We just haven&amp;rsquo;t modified the Web.config to use our assembly yet, so let&amp;rsquo;s go ahead and do so. Opening the Web.config file under Views (not Views/Shared) we will need to add the following to the namespaces section:&lt;/p&gt; &lt;p&gt; &lt;/p&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;add&lt;/code&gt; &lt;code style="color: #000000;"&gt;namespace=&amp;rdquo;Telerik.Web.Mvc.UI&amp;rdquo; /&amp;gt;&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;And to get intellisense we have to add this snippet to our configSections under the configuration area:&lt;/p&gt; &lt;p&gt; &lt;/p&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;sectionGroup&lt;/code&gt; &lt;code style="color: #808080;"&gt;name&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"telerik"&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;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;section&lt;/code&gt; &lt;code style="color: #808080;"&gt;name&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"webAssets"&lt;/code&gt; &lt;code style="color: #808080;"&gt;type&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Telerik.Web.Mvc.Configuration.WebAssetConfigurationSection, Telerik.Web.Mvc"&lt;/code&gt; &lt;code style="color: #808080;"&gt;requirePermission&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"false"&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;sectionGroup&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;p&gt;One more item can get added to the web.config if you want to go ahead and use combination and compression of the CSS and JavaScript resources. Within the &amp;lt;httpHandlers&amp;gt; tag (found in &amp;lt;system.web&amp;gt;) we add the following:&lt;/p&gt; &lt;p&gt; &lt;/p&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;add&lt;/code&gt; &lt;code style="color: #808080;"&gt;verb&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"GET,HEAD"&lt;/code&gt; &lt;code style="color: #808080;"&gt;path&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"asset.axd"&lt;/code&gt; &lt;code style="color: #808080;"&gt;validate&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"false"&lt;/code&gt; &lt;code style="color: #808080;"&gt;type&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Telerik.Web.Mvc.WebAssetHttpHandler, Telerik.Web.Mvc"&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;Then follow that up by finding the &amp;lt;handlers&amp;gt; tag within &amp;lt;system.webServer&amp;gt; and add this:&lt;/p&gt; &lt;p&gt; &lt;/p&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;add&lt;/code&gt; &lt;code style="color: #808080;"&gt;name&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"AssetHandler"&lt;/code&gt; &lt;code style="color: #808080;"&gt;preCondition&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"integratedMode"&lt;/code&gt; &lt;code style="color: #808080;"&gt;verb&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"GET,HEAD"&lt;/code&gt; &lt;code style="color: #808080;"&gt;path&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"asset.axd"&lt;/code&gt; &lt;code style="color: #808080;"&gt;type&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"Telerik.Web.Mvc.WebAssetHttpHandler, Telerik.Web.Mvc"&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;With these changes let&amp;rsquo;s just build the application to make sure we don&amp;rsquo;t get any odd issues from Visual Studio.&lt;/p&gt; &lt;p&gt;We can now use the Telerik Extensions in our Razor Views &amp;ndash; intellisense and all! However, we have not added the necessary links to our CSS and JavaScript files in our Views yet, so let&amp;rsquo;s go ahead and do that. In the _Layout.cshtml file located under Views/Shared we can start by sticking the following in the header:&lt;/p&gt; &lt;p&gt; &lt;/p&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;@(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group =&amp;gt; group.Add("telerik.common.css").Add("telerik.windows7.css").Combined(true).Compress(true)))&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Which allows me to use our Windows7 theme, as well as combine and compress these CSS files (optimization out of the gate &amp;ndash; I like it!).&lt;/p&gt; &lt;p&gt;Now at the very bottom of the page, right before the &amp;lt;/body&amp;gt; tag we should add this:&lt;/p&gt; &lt;p&gt; &lt;/p&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;@(Html.Telerik().ScriptRegistrar())&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;In case you&amp;rsquo;re wondering, the ScriptRegistrar is the same as the StyleSheetRegistrar, but for our JavaScript files. The neat thing is that the components we place on a page will automatically register with the ScriptRegistrar &amp;ndash; so we don&amp;rsquo;t really need to add more than the line above. However, if you want to specify the files one by one, you can do so as well. Keep in mind to look at &lt;a href="http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-required-javascript-files.html" title="Required JS Files"&gt;this page&lt;/a&gt; containing a list of all of the required JavaScript files for our individual components.&lt;/p&gt; &lt;p&gt;That&amp;rsquo;s all there is to it! You can now feel free to use the Telerik Extensions in your ASP.NET MVC4 project! Just for the sake of testing, and so that you will believe me ;), I added a quick menu:&lt;/p&gt; &lt;p&gt; &lt;/p&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;@(Html.Telerik().Menu()&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Name("TelerikMenu")&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Items(items =&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;&lt;/code&gt;&lt;span style="margin-left: 18px !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;items.Add().Text("Awesome")&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;&lt;/code&gt;&lt;span style="margin-left: 51px !important;"&gt;&lt;code style="color: #000000;"&gt;.Items(subItems =&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;&lt;/code&gt;&lt;span style="margin-left: 51px !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&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;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 63px !important;"&gt;&lt;code style="color: #000000;"&gt;subItems.Add().Text("Awesome Sauce");&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;&lt;/code&gt;&lt;span style="margin-left: 51px !important;"&gt;&lt;code style="color: #000000;"&gt;});&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &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;&lt;/code&gt;&lt;span style="margin-left: 18px !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;)&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/mvc4_basic_004.png?sfvrsn=0" alt="MVC4 with Telerik Menu" /&gt;&lt;/p&gt; &lt;h1&gt;It&amp;rsquo;s That Easy&lt;/h1&gt; &lt;p&gt;So while the example above is fairly simple, you can of course start using some of our more complex MVC components (Grid, TreeView etc.) in your MVC4 project as well. This was just laying the foundation of the MVC4 goodness!&lt;/p&gt; &lt;p&gt;Keep an eye out on the MVC blogs as we&amp;rsquo;ll be posting more content relating to how to use our Extensions in the ASP.NET MVC4 beta :D&lt;/p&gt; &lt;p&gt;Have any of you experimented with the Telerik MVC Extensions in the MVC4 beta yet? Feel free to post in the comment section below and share your experiences!&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-03-08/using-the-telerik-extensions-in-asp-net-mvc4-today---a-first-look.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:65020631-5a80-4cc1-9a87-789c8ef48d8d</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/31FnAQ1LC0o/cascading-comboboxes-and-more-charting-features-in-the-telerik-mvc-q1-2012-release.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>Release</category><category>ASP.NET MVC</category><category>MVC</category><title>Cascading comboboxes and more charting features in the Telerik MVC Q1 2012 release</title><description>&lt;p&gt;The Q1 2012 Telerik DevTools release is out the door! Following the &lt;a href="http://blogs.telerik.com/aspnetmvcteam/posts/12-02-02/the-q1-2012-mvc-beta-is-here-with-new-area-chart-and-galore-of-charting-features.aspx"&gt;MVC Extesions Q1'12 Beta announcement&lt;/a&gt;, I would like to tersely sketch what the additions in the official release are (or the omissions I inadvertently made in my previous post). Either way, here they are.&lt;/p&gt; &lt;h2&gt;Cascading comboboxes &lt;/h2&gt; &lt;p&gt;This has been one of the top voted features for the combobox in our public issue tracker, and we heard you! This release gives you built-in cascading comboboxes support by specifying the id of the related combo via the CascadeTo combo attribute. Once you make a selection in the first combo, the second...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/31FnAQ1LC0o" height="1" width="1"/&gt;</description><pubDate>Thu, 16 Feb 2012 13:02:00 Z</pubDate><a10:content type="text">&lt;p&gt;The Q1 2012 Telerik DevTools release is out the door! Following the &lt;a href="http://blogs.telerik.com/aspnetmvcteam/posts/12-02-02/the-q1-2012-mvc-beta-is-here-with-new-area-chart-and-galore-of-charting-features.aspx"&gt;MVC Extesions Q1'12 Beta announcement&lt;/a&gt;, I would like to tersely sketch what the additions in the official release are (or the omissions I inadvertently made in my previous post). Either way, here they are.&lt;/p&gt; &lt;h2&gt;Cascading comboboxes &lt;/h2&gt; &lt;p&gt;This has been one of the top voted features for the combobox in our public issue tracker, and we heard you! This release gives you built-in cascading comboboxes support by specifying the id of the related combo via the CascadeTo combo attribute. Once you make a selection in the first combo, the second will be populated with the data relevant to selected item.&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Cascadingcomboboxesandmorechartingfeatur_F575-Combo_Cascading_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="Combo_Cascading" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Cascadingcomboboxesandmorechartingfeatur_F575-Combo_Cascading_thumb.png?sfvrsn=0" width="486" height="323" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&lt;a href="http://demos.telerik.com/aspnet-mvc/combobox/cascadingcombobox"&gt;See Demo &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;Charting features&lt;/h2&gt; &lt;p&gt;To complement the charting functionality shipped with the Q1'12 Beta, we deliver multiple value axes support for scatter/scatter line chart types, tooltip configuration for individual series and DataBinding client event for the chart.&lt;/p&gt; &lt;h2&gt;Other enhancements&lt;/h2&gt; &lt;p&gt;A couple more important features creditable to be cited in this blog post are:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;TreeView client API for adding/removing nodes &lt;/li&gt; &lt;li&gt;Support for {0:N0} format in the NumericTextBox extension &lt;/li&gt; &lt;/ul&gt; &lt;h2&gt;jQuery Core Updated&lt;/h2&gt; &lt;p&gt;We updated the jQuery version referenced implicitly by the Telerik MVC Extensions to version 1.7.1.&lt;/p&gt; &lt;p&gt;The distributions and the complete release details are at your disposal, following the links below:    &lt;br /&gt; &lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2712&amp;amp;pid=722"&gt;Trial Files&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2712&amp;amp;pid=722"&gt;Commercial Files&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2713&amp;amp;pid=697"&gt;Open Source Files&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-mvc/"&gt;Online Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Documentation&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q1-2012-version-2012-1-214-0.aspx"&gt;Release Notes&lt;/a&gt;&lt;/p&gt; &lt;p style="text-align: center;"&gt;&lt;a href="http://www.telerik.com/support/webinars.aspx"&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/metabloglib/Blog_Image-ninja_with_text.jpg?sfvrsn=0" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;The latest Q1'12 Telerik release is live and we have tons of new stuff to show off. If you are eager to see the new bits and sharpen your .NET skills, be sure to sign up for &lt;a title="Release Webinar Week" href="http://www.telerik.com/support/webinars.aspx"&gt;Release Webinar Week&lt;/a&gt;. This 3-day event is packed with hour-long webinar sessions on the coolest new features shipping with the Q1 2012 release. Release Webinar Week will be held on February 20 &amp;ndash; 22, so mark your calendars. &lt;/p&gt; &lt;p&gt;One lucky winner from each webinar will leave with a Telerik Ultimate Collection license worth $1999. To enter the drawing and participate in the Q&amp;amp;A session, you must attend the live webinar. &lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-02-16/cascading-comboboxes-and-more-charting-features-in-the-telerik-mvc-q1-2012-release.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:00f89ec0-32fc-4681-9a18-57035ae28e54</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/GA8C59c4Lkw/the-q1-2012-mvc-beta-is-here-with-new-area-chart-and-galore-of-charting-features.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>Release</category><category>ASP.NET MVC</category><category>MVC</category><title>The Q1 2012 MVC Beta is here with new Area chart and galore of charting features</title><description>&lt;p&gt;I am happy to announce the immediate availability of the Telerik MVC Extensions Q1 2012 Beta release! With it comes the longed-for Area chart type as well as a bunch of new features for the majority of the existing chart types supported by our MVC charting. We are also shipping a plethora of small and medium-sized features across all the Telerik MVC extensions, as well as formal support for the Chrome 16 and FireFox 10 browser versions. &lt;/p&gt; &lt;p&gt;I won't go into much detail about each and every new functionality delivered with the Beta and, consecutively, the upcoming official major release...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/GA8C59c4Lkw" height="1" width="1"/&gt;</description><pubDate>Thu, 02 Feb 2012 16:40:27 Z</pubDate><a10:content type="text">&lt;p&gt;I am happy to announce the immediate availability of the Telerik MVC Extensions Q1 2012 Beta release! With it comes the longed-for Area chart type as well as a bunch of new features for the majority of the existing chart types supported by our MVC charting. We are also shipping a plethora of small and medium-sized features across all the Telerik MVC extensions, as well as formal support for the Chrome 16 and FireFox 10 browser versions. &lt;/p&gt; &lt;p&gt;I won't go into much detail about each and every new functionality delivered with the Beta and, consecutively, the upcoming official major release (due in a couple of weeks time), but I will surely underline the most important features from which the majority of the ASP.NET MVC developers will benefit.&lt;/p&gt; &lt;h2&gt;New Area Chart Type&lt;/h2&gt; &lt;p&gt;This chart type accounts for one additional means to visualize your data by means of area shape. The area chart shores up all applicable features of the rest chart types.   &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TheQ12012MVCBetaisherewithnewAreachartan_D73B-Chart_Area_2.png?sfvrsn=0"&gt;&lt;img style="border: 0px;" alt="Chart_Area" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TheQ12012MVCBetaisherewithnewAreachartan_D73B-Chart_Area_thumb.png?sfvrsn=0" width="640" height="432" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;h2&gt;Multiple Value Axes&lt;/h2&gt; &lt;p&gt;Now the developers have the option to scale the charting series presentation against more than one value axis. You are free to choose two, three or more value axes - there is virtually no limit, it all depends on how and versus what measurements you would like to visualize the data.    &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TheQ12012MVCBetaisherewithnewAreachartan_D73B-Chart_MultipleValueAxes_2.png?sfvrsn=0"&gt;&lt;img style="border: 0px;" alt="Chart_MultipleValueAxes" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TheQ12012MVCBetaisherewithnewAreachartan_D73B-Chart_MultipleValueAxes_thumb.png?sfvrsn=0" width="640" height="391" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt;
This feature is supported for bar, line and area charts for now, and will be braced for scatter charts with the official Q1'12 release.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;h2&gt;Plot Bands&lt;/h2&gt; &lt;p&gt;Allow you to define visual lines that highlight an important section of the charting graph - oftentimes min/max threshold or range that is aimed to be achieved for a given period. This feature has actually been included since the Q3 2011 SP1 commercial release of the extensions, but the Q1'12 Beta marks its prime time in the Open Source MVC distribution.&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TheQ12012MVCBetaisherewithnewAreachartan_D73B-Chart_PlotBands_2.png?sfvrsn=0"&gt;&lt;img style="border: 0px;" alt="Chart_PlotBands" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TheQ12012MVCBetaisherewithnewAreachartan_D73B-Chart_PlotBands_thumb.png?sfvrsn=0" width="640" height="395" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;h2&gt;Common for all Extensions&lt;/h2&gt; &lt;p&gt;Two things are worthy to be mentioned here - improved support for MVC authorization scenarios and combined js file for all MVC extensions client features.&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;And here are the links that will direct you to all the available information concerning the Q1 2012 MVC Beta release:   &lt;br /&gt; &lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2666&amp;amp;pid=722"&gt;Trial Files&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2666&amp;amp;pid=722"&gt;Commercial Files&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2623&amp;amp;pid=697"&gt;OS Files&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-mvc-beta/"&gt;Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Documentation&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q1-2012-beta-version-2012-1-202.aspx"&gt;Release Notes&lt;/a&gt;&lt;/p&gt; &lt;p&gt;As always, do not cringe and tell us what you think about the Beta in the &lt;a href="http://www.telerik.com/community/forums/aspnet-mvc/beta.aspx"&gt;public MVC Beta forum&lt;/a&gt;. We are only days away from the next major Telerik DevTools release, and your opinion matters!&lt;/p&gt; &lt;p&gt;Also do not miss our Q1'12 webinar week, starting Feb 20th and &lt;a href="http://www.telerik.com/support/webinars.aspx"&gt;book your seat now&lt;/a&gt;!&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2666&amp;amp;pid=722"&gt;&lt;img style="border: 0px;" alt="Blogs_banners-MVC" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TheQ12012MVCBetaisherewithnewAreachartan_D73B-Blogs_banners-MVC_3.jpg?sfvrsn=0" width="640" height="144" /&gt;&lt;/a&gt; &lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-02-02/the-q1-2012-mvc-beta-is-here-with-new-area-chart-and-galore-of-charting-features.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:53255db3-3d00-4fbd-8d31-cc1de8df8fa8</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/tmmunITBkHc/scatter-your-data-now.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>MVC</category><category>Scatter Line</category><category>ASP.NET MVC</category><category>Q3 2011</category><category>Scatter</category><category>Aspnet</category><title>Scatter Your Data – Now!</title><description>&lt;p&gt;The chart component for the Telerik Extensions for ASP.NET MVC is a rapidly expanding MVC component. Not only are we adding many new features, but we’re also increasing the available chart types. With the introduction of Q3 2011 we were able to start using two new chart types - Scatter and Scatter Line. Both types allow you to plot points anywhere on your chart area, as long as you provide each point with X and Y values. Let’s take a look at how you can implement these chart types, as well as take use of some new features introduced in...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/tmmunITBkHc" height="1" width="1"/&gt;</description><pubDate>Fri, 20 Jan 2012 14:46:00 Z</pubDate><a10:content type="text">&lt;p&gt;The chart component for the Telerik Extensions for ASP.NET MVC is a rapidly expanding MVC component. Not only are we adding many new features, but we&amp;rsquo;re also increasing the available chart types. With the introduction of Q3 2011 we were able to start using two new chart types - Scatter and Scatter Line. Both types allow you to plot points anywhere on your chart area, as long as you provide each point with X and Y values. Let&amp;rsquo;s take a look at how you can implement these chart types, as well as take use of some new features introduced in Q3 2011 SP1.&lt;/p&gt; &lt;h1&gt;Scattered Data Everywhere&lt;/h1&gt; &lt;p&gt;As a starting point we can take a look at the scatter chart type and what awesome things we can do. One of the more important items with a chart is of course the data &amp;ndash; why else would we have a chart? In an effort to include some short and sweet, but relevant, data I decided to go on &lt;a href="http://www.amazon.com/" title="Amazon.com"&gt;Amazon.com&lt;/a&gt; and look up the Rating and Price of some DVD movies. Most of these ended up being a movie and its sequel, and we haven&amp;rsquo;t gone into genres yet, but I tried to get some variation in the titles! This can let me plot out Price against Rating, letting me see what movie gives me the most bang for my buck (after all, I want to be wise with my spending). So, what do we need to include in terms of the M portion of ASP.NET MVC? Title, Rating, and Price sound good to me:&lt;/p&gt; &lt;p&gt; &lt;/p&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;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;class&lt;/code&gt; &lt;code style="color: #000000;"&gt;MovieData&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: #006699; font-weight: bold;"&gt;string&lt;/code&gt; &lt;code style="color: #000000;"&gt;Title { &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;&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: #006699; font-weight: bold;"&gt;double&lt;/code&gt; &lt;code style="color: #000000;"&gt;Rating { &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;&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: #006699; font-weight: bold;"&gt;double&lt;/code&gt; &lt;code style="color: #000000;"&gt;Price { &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;p&gt;I named this Model &amp;ldquo;MovieData&amp;rdquo;, which might not have me leaving with any awards for naming models, but it is still appropriate.&lt;/p&gt; &lt;p&gt;For this particular blog post I decided that I wanted to utilize Ajax binding with my chart, although you can definitely use &lt;a href="http://demos.telerik.com/aspnet-mvc/chart" title="server binding"&gt;server binding&lt;/a&gt; if you so prefer. So for the sake of me not forgetting to actually create some data (believe me, it&amp;rsquo;s happened too often ;)) let&amp;rsquo;s go ahead and just create a quick method in our controller that creates our list of movies. Now some of you might cringe at the idea of creating my list right in the controller, but this is for the sake of simplicity in this post, so put out those torches and lay down the pitchforks :) Here&amp;rsquo;s what this method looks like:&lt;/p&gt; &lt;p&gt; &lt;/p&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;private&lt;/code&gt; &lt;code style="color: #000000;"&gt;List&amp;lt;MovieData&amp;gt; BuildMovieData()&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: #000000;"&gt;List&amp;lt;MovieData&amp;gt; movies = &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;List&amp;lt;MovieData&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;movies.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;MovieData { Title = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Kung Fu Panda"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Rating = 4.5, Price = 6.99 });&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;movies.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;MovieData { Title = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Kung Fu Panda 2"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Rating = 4.5, Price = 14.99 });&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;movies.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;MovieData { Title = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Tron"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Rating = 4.5, Price = 14.99 });&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;movies.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;MovieData { Title = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Tron: Legacy"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Rating = 4.0, Price = 18.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;&lt;/code&gt;&lt;span style="margin-left: 12px !important;"&gt;&lt;code style="color: #000000;"&gt;movies.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;MovieData { Title = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Harry Potter and the Deathly Hallows - Part 1"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Rating = 4.0, Price = 7.47 });&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;movies.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;MovieData { Title = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Harry Potter and the Deathly Hallows - Part 2"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Rating = 3.0, Price = 14.99 });&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;movies.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;MovieData { Title = &lt;/code&gt;&lt;code style="color: blue;"&gt;"The Girl with the Dragon Tattoo"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Rating = 4.0, Price = 11.99 });&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;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;movies;&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;}&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;So all this is doing is returning a list of our movies. While we&amp;rsquo;re in the controller, let&amp;rsquo;s create the ActionResult that will be used as our Ajax binding select, which will just return the Json representation of our data:&lt;/p&gt; &lt;p&gt; &lt;/p&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;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;ActionResult _SelectMovies()&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;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;Json(BuildMovieData());&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;p&gt;Now that we&amp;rsquo;re done with our Model and Controller, all we have left is the View. Let&amp;rsquo;s just create a basic chart without any series for now:&lt;/p&gt; &lt;p&gt; &lt;/p&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;@(Html.Telerik().Chart&amp;lt;MovieData&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;&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;.Name(&lt;/code&gt;&lt;code style="color: blue;"&gt;"ScatterChart"&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;&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;.Title(&lt;/code&gt;&lt;code style="color: blue;"&gt;"DVD Price vs. Rating"&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;.DataBinding(dataBinding =&amp;gt; dataBinding.Ajax().Select(&lt;/code&gt;&lt;code style="color: blue;"&gt;"_SelectMovies"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Chart"&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 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;p&gt;So we&amp;rsquo;ve set up our data binding, given our chart a name and a title. A good warm-up, but let&amp;rsquo;s actually create our scatter chart by defining our series:&lt;/p&gt; &lt;p&gt; &lt;/p&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;@(Html.Telerik().Chart&amp;lt;MovieData&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;&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;.Name(&lt;/code&gt;&lt;code style="color: blue;"&gt;"ScatterChart"&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;&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;.Title(&lt;/code&gt;&lt;code style="color: blue;"&gt;"DVD Price vs. Rating"&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;.DataBinding(dataBinding =&amp;gt; dataBinding.Ajax().Select(&lt;/code&gt;&lt;code style="color: blue;"&gt;"_SelectMovies"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Chart"&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;&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;.Series(series =&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;{&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;series.Scatter(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Price"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Rating"&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 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;p&gt;What you might notice here is that the strings I&amp;rsquo;m passing into the series are fields that I have defined in my Model, which is the way we let the scatter chart series know where to look for data. Here, the first parameter represents my X value &amp;ndash; the DVD price &amp;ndash; and the second parameter is my desired Y value &amp;ndash; the DVD rating. I&amp;rsquo;ll show you what we can do with the Title (the last remaining property) later. If I were to run this as-is, we get the following:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/MVC_scatterpost_001.png?sfvrsn=0" alt="First Scatter Chart" /&gt;&lt;/p&gt; &lt;p&gt;While yes, our data is represented, there&amp;rsquo;s a whole lot missing to make this a bit more intuitive. A couple of things stick out right away. Does the Legend provide a lot of help here? Do we actually need to have the half step markers for the Rating? Can we quickly glance at which axis represents what? Sure, one axis goes from 1 to 5, but what if we were looking at the bargain bin and had a rating which could be as high as 20 (can&amp;rsquo;t be specific enough with rating nowadays)? Let&amp;rsquo;s tweak some things around in our code to make this chart look better.&lt;/p&gt; &lt;p&gt;First, we can fix the issues I pointed out regarding both the X and Y axis by utilizing the XAxis and YAxis functions:&lt;/p&gt; &lt;p&gt; &lt;/p&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;@(Html.Telerik().Chart&amp;lt;MovieData&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;&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;.Name(&lt;/code&gt;&lt;code style="color: blue;"&gt;"ScatterChart"&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;&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;.Title(&lt;/code&gt;&lt;code style="color: blue;"&gt;"DVD Price vs. Rating"&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;.DataBinding(dataBinding =&amp;gt; dataBinding.Ajax().Select(&lt;/code&gt;&lt;code style="color: blue;"&gt;"_SelectMovies"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Chart"&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;&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;.Series(series =&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;{&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;series.Scatter(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Price"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Rating"&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;&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;.XAxis(x =&amp;gt; x&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;.Title(title =&amp;gt; title.Text(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Price"&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;&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;.Labels(labels =&amp;gt; labels.Format(&lt;/code&gt;&lt;code style="color: blue;"&gt;"${0}"&lt;/code&gt;&lt;code style="color: #000000;"&gt;)).Max(20))&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;.YAxis(y =&amp;gt; y.Title(title =&amp;gt; title.Text(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Rating"&lt;/code&gt;&lt;code style="color: #000000;"&gt;)).Max(5))&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;)&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;What I have done here for each of them is defined the title text, which was introduced in Q3 2011 SP1, which gives our users some context as to what they&amp;rsquo;re viewing. Additionally, since the X-axis does deal with price I took the liberty of formatting the labels to include a &amp;ldquo;$&amp;rdquo; sign in front of every label. Finally I set max values for each axis, since I know that my rating can go between 0 and 5 I set 5 as the maximum for the Y axis while the X axis got a 20 since none of the titles went over $20. Refreshing our page in our browser (or reloading it completely) gives us this chart:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/MVC_scatterpost_002.png?sfvrsn=0" alt="Second Scatter Chart" /&gt;&lt;/p&gt; &lt;p&gt;Still a few things we can change, but we&amp;rsquo;re getting there. In terms of immediate looks let&amp;rsquo;s just disable the Legend&lt;/p&gt; &lt;p&gt; &lt;/p&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;@(Html.Telerik().Chart&amp;lt;MovieData&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;&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;.Name(&lt;/code&gt;&lt;code style="color: blue;"&gt;"ScatterChart"&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;&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;.Title(&lt;/code&gt;&lt;code style="color: blue;"&gt;"DVD Price vs. Rating"&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;.DataBinding(dataBinding =&amp;gt; dataBinding.Ajax().Select(&lt;/code&gt;&lt;code style="color: blue;"&gt;"_SelectMovies"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Chart"&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;&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;.Series(series =&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;{&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;series.Scatter(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Price"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Rating"&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;&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;.XAxis(x =&amp;gt; x&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;.Title(title =&amp;gt; title.Text(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Price"&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;&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;.Labels(labels =&amp;gt; labels.Format(&lt;/code&gt;&lt;code style="color: blue;"&gt;"${0}"&lt;/code&gt;&lt;code style="color: #000000;"&gt;)).Max(20))&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;.YAxis(y =&amp;gt; y.Title(title =&amp;gt; title.Text(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Rating"&lt;/code&gt;&lt;code style="color: #000000;"&gt;)).Max(5))&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;.Legend(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;false&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;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/MVC_scatterpost_003.png?sfvrsn=0" alt="Third Scatter Chart" /&gt;&lt;/p&gt; &lt;p&gt;Much better! This chart is coming along nicely.&lt;/p&gt; &lt;p&gt;Now, remember how I promised you I&amp;rsquo;d use the Title field? I know almost all of you were on the edge of your seats wondering what fun adventures I had in store for this field ;) Well, I want to add some interactivity to the chart so let&amp;rsquo;s take use of tooltips and have them give us the title of the movie! This gives us a nice context as to which point represents what movie. To do this let&amp;rsquo;s create a template for our tooltips:&lt;/p&gt; &lt;p&gt; &lt;/p&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;.Tooltip(tooltip =&amp;gt; tooltip&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;.Visible(&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: #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;.Template(&lt;/code&gt;&lt;code style="color: blue;"&gt;"&amp;lt;#= dataItem.Title #&amp;gt;"&lt;/code&gt;&lt;code style="color: #000000;"&gt;))&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Keep in mind that these are all client-side templates, and we utilize the &amp;ldquo;&amp;lt;#= &amp;hellip; #&amp;gt;&amp;rdquo; syntax to indicate the beginning and end of our template. Also, using dataItem in our template allows us to grab fields from our Model, so I just used dataItem.Title to render the title in each tooltip. We could also plug in some HTML and let the Tooltip be bold:&lt;/p&gt; &lt;p&gt; &lt;/p&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;.Tooltip(tooltip =&amp;gt; tooltip&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;.Visible(&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: #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;.Template(&lt;/code&gt;&lt;code style="color: blue;"&gt;"&amp;lt;#= '&amp;lt;strong&amp;gt;' + dataItem.Title + '&amp;lt;/strong&amp;gt;'#&amp;gt;"&lt;/code&gt;&lt;code style="color: #000000;"&gt;))&lt;/code&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Since we already used double quotes to define the string of our template we&amp;rsquo;ll just use single quotes around our strong tags. Now when we refresh our page we get to find out what each point in our chart represents:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/MVC_scatterpost_004.png?sfvrsn=0" alt="Fourth Scatter Chart" /&gt;&lt;/p&gt; &lt;p&gt;There we have it! A quick and easy implementation of the Scatter chart which allows us to see which movies provide us with the best rating per cost ratio.&lt;/p&gt; &lt;h1&gt;Line Them Up&lt;/h1&gt; &lt;p&gt;We of course want to take a look at the scatter line chart, which gives us the ability to have our scatter points connected via a line. With the previous example this would look really weird, but we could utilize another Model and approach it in a similar way as with our scatter chart. Sales per year works pretty well, so let&amp;rsquo;s create a Model that has year and sales fields. So, we have our Model:&lt;/p&gt; &lt;p&gt; &lt;/p&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;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;class&lt;/code&gt; &lt;code style="color: #000000;"&gt;YearData&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: #006699; font-weight: bold;"&gt;double&lt;/code&gt; &lt;code style="color: #000000;"&gt;Year { &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;&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: #006699; font-weight: bold;"&gt;double&lt;/code&gt; &lt;code style="color: #000000;"&gt;Sales { &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 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;p&gt;Then we have our data creation function in our controller (again, still your torches and pitch forks :)):&lt;/p&gt; &lt;p&gt; &lt;/p&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;private&lt;/code&gt; &lt;code style="color: #000000;"&gt;List&amp;lt;YearData&amp;gt; BuildYearData()&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: #000000;"&gt;List&amp;lt;YearData&amp;gt; sales = &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;List&amp;lt;YearData&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;sales.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;YearData { Year = 2007, Sales = 10000 });&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;sales.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;YearData { Year = 2008, Sales = 15000 });&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;sales.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;YearData { Year = 2009, Sales = 30000 });&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;sales.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;YearData { Year = 2010, Sales = 100000 });&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;sales.Add(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;YearData { Year = 2011, Sales = 500000 });&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;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;sales;&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;}&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Return this to our View as Json via our ActionResult so that we can use Ajax Binding:&lt;/p&gt; &lt;p&gt; &lt;/p&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;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;ActionResult _SelectSales()&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;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;Json(BuildYearData());&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;p&gt;Then we have the following chart declaration:&lt;/p&gt; &lt;p&gt; &lt;/p&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;@(Html.Telerik().Chart&amp;lt;YearData&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;&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;.Name(&lt;/code&gt;&lt;code style="color: blue;"&gt;"ScatterLineChart"&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;&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;.Title(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Sales per Year"&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;.DataBinding(dataBinding =&amp;gt; dataBinding.Ajax().Select(&lt;/code&gt;&lt;code style="color: blue;"&gt;"_SelectSales"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Chart"&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;&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;.Series(series =&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;{&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;series.ScatterLine(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Year"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Sales"&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;&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;.XAxis(x =&amp;gt; x&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;.Title(title =&amp;gt; title.Text(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Year"&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;&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;.YAxis(y =&amp;gt; y&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;.Title(title =&amp;gt; title.Text(&lt;/code&gt;&lt;code style="color: blue;"&gt;"Sales"&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;&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;.Labels(labels =&amp;gt; labels.Format(&lt;/code&gt;&lt;code style="color: blue;"&gt;"${0}"&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;.Legend(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;false&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;&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;.Tooltip(tooltip =&amp;gt; tooltip&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;.Visible(&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: #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;.Template(&lt;/code&gt;&lt;code style="color: blue;"&gt;"&amp;lt;#= '&amp;lt;strong&amp;gt;Year: &amp;lt;/strong&amp;gt;' + dataItem.Year + ', &amp;lt;strong&amp;gt;Sales: &amp;lt;/strong&amp;gt;$' + dataItem.Sales #&amp;gt;"&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;p&gt;As we can see it&amp;rsquo;s pretty identical to what we had with the scatter chart type. The main difference is that in the series we use ScatterLine(&amp;ldquo;x&amp;rdquo;, &amp;ldquo;y&amp;rdquo;) instead of Scatter(&amp;ldquo;x&amp;rdquo;, &amp;ldquo;y&amp;rdquo;). We&amp;rsquo;re still passing the field names related to our desired X and Y values. We also removed the Max values from both the X and Y axis. Finally we expanded on the tooltip a little bit so we can use both the Year and Sales fields from our data item, allowing each point to have a detailed tooltip.&lt;/p&gt; &lt;h1&gt;Final Notes&lt;/h1&gt; &lt;p&gt;If you&amp;rsquo;re interested in more examples related to both the scatter and scatter line chart types I highly recommend checking out our demos&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-mvc/chart/scatterchart" title="Scatter Demo "&gt;Scatter Demo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://demos.telerik.com/aspnet-mvc/chart/scatterlinechart" title="Scatter Line Demo"&gt;Scatter Line Demo&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;There are also several configuration options for defining the shape of the scatter points, as well as their style, which you can find more information about in our &lt;a href="http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-chart-series.html" title="series documentation article"&gt;series documentation article&lt;/a&gt;.&lt;br /&gt;
Have you had a chance to utilize these chart types, or do you have good ideas for other sources of data? Feel free to share in the comments below!&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-01-20/scatter-your-data-now.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:ffd63bba-9001-48c5-9acd-eebc67fb6f14</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/cKwpvZhk_Lo/telerik-mvc-extensions-commercial-q3-2011-service-pack-available.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>ASP.NET MVC</category><category>service pack</category><category>MVC</category><title>Telerik MVC Extensions commercial Q3 2011 service pack available</title><description>&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" border="0" style="width: 400px;"&gt;Happy New Year everyone! I hope you enjoyed the Christmas and New Year holidays and spent them with your beloved ones. Let's wish prosperous and joyful year 2012 to all of us!          &lt;br /&gt; &lt;br /&gt;
            Now that everything is going back to the regular daily routine here at Telerik, I want to present you the Q3 2011 SP1 release of Telerik Extensions for ASP.NET MVC, delivered for the commercial package. This is our present, right after the holidays, to our MVC prospects...&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/cKwpvZhk_Lo" height="1" width="1"/&gt;</description><pubDate>Fri, 06 Jan 2012 15:40:06 Z</pubDate><a10:content type="text">&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" border="0" style="width: 400px;"&gt;Happy New Year everyone! I hope you enjoyed the Christmas and New Year holidays and spent them with your beloved ones. Let's wish prosperous and joyful year 2012 to all of us!          &lt;br /&gt; &lt;br /&gt;
            Now that everything is going back to the regular daily routine here at Telerik, I want to present you the Q3 2011 SP1 release of Telerik Extensions for ASP.NET MVC, delivered for the commercial package. This is our present, right after the holidays, to our MVC prospects and customers who are impatiently waiting for a few new features in the MVC charting, as well as the grid and the combobox extensions.&lt;/td&gt; &lt;td valign="top" border="0" style="width: 200px;"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCExtensionscommercialQ32011serv_F291-ServicePack_image4_8.jpg?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="ServicePack_image4" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCExtensionscommercialQ32011serv_F291-ServicePack_image4_thumb_3.jpg?sfvrsn=0" width="199" height="152" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Read below to see what's the new functionality introduced with the commercial MVC service pack drop.&lt;/p&gt; &lt;h2&gt;Q3 2011 SP1 Highlights&lt;/h2&gt; &lt;p&gt;These bullets summarize the most important updates shipped with the new release:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Added jQuery 1.7.1 compatibility &lt;/li&gt; &lt;li&gt;[Chart] Plot bands for the value and category axis &lt;/li&gt; &lt;li&gt;[Chart] Title for the value and category axis &lt;/li&gt; &lt;li&gt;[Chart] Added new client-side event (error) for data binding errors &lt;/li&gt; &lt;li&gt;[ComboBox] Support for Chinese autocomplete and option label &lt;/li&gt; &lt;li&gt;[Grid] Filter menu for ForeignKey column now displays dropdownlist with possible values &lt;/li&gt; &lt;li&gt;[Grid] Extended editing API &lt;/li&gt; &lt;li&gt;[Upload] SaveField setting for the async upload mode &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;And here are the quick links which will bring you to the files for download, full release notes, live demos and documentation:&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2666&amp;amp;pid=722"&gt;Trial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2666&amp;amp;pid=722"&gt;Commercial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q3-2011-sp1-version-2011-3-1306.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-mvc/"&gt;Live Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Documentation&lt;/a&gt; &lt;/p&gt; &lt;p&gt;Expect the rest of the goodies we promised in the &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/roadmap.aspx"&gt;public MVC roadmap&lt;/a&gt; with the Q1 2012 Beta release, down for the very beginning of February. And happy programming!&lt;/p&gt; &lt;p sizset="113" sizcache="1"&gt;&lt;em sizset="113" sizcache="1"&gt;Are you into ASP.NET MVC development? Download our &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;MVC&lt;/a&gt; components now to cut back development time and boost your productivity!&lt;/em&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/12-01-06/telerik-mvc-extensions-commercial-q3-2011-service-pack-available.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:61594c88-9c55-45d8-9b54-dea3405d630b</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/czGB4n5HNQU/what-s-next-in-2012-for-the-telerik-ajax-and-mvc-products-587991387.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>Roadmap</category><category>ASP.NET MVC</category><category>MVC</category><title>What's next in 2012 for the Telerik AJAX and MVC products</title><description>&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style="width: 500px;border-width: 0px;" valign="top"&gt;Now that the final major release of the Telerik DevTools division is behind our backs, it is time to make some preliminary plans for year 2012. The AJAX and MVC suites received important updates throughout 2011 and, as you probably expect, this trend will continue next year. One tad you need to have in mind is that the DevTools release will be shifted one month ahead, therefore it will be out in mid February, instead of mid March as it used to be.&lt;/td&gt; &lt;td style="width: 100px;border-width: 0px;" valign="top"&gt;&lt;a sfref="[documents]0bd4365d-ad37-4056-8f68-a3661622258f" href="/docs/default-source/metabloglib/WindowsLiveWriter-Whatsnextin2012fortheTelerikAJAXandMVCpr_AC1D-roadmap3_2_1.jpg?sfvrsn=0"&gt;&lt;img style="border-width: 0px;border-style: solid;" alt="roadmap3" sfref="[documents]03547862-c196-43d5-b12a-bf6296659429" src="/docs/default-source/metabloglib/WindowsLiveWriter-Whatsnextin2012fortheTelerikAJAXandMVCpr_AC1D-roadmap3_thumb_1.jpg?sfvrsn=0" width="240" height="160" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p class="vcard" sizset="113" sizcache="1"&gt;This means that you will get all that is slated for the next release sooner than you imagined....&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/czGB4n5HNQU" height="1" width="1"/&gt;</description><pubDate>Fri, 16 Dec 2011 13:37:58 Z</pubDate><a10:content type="text">&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style="width: 500px; border-width: 0px;" valign="top"&gt;Now that the final major release of the Telerik DevTools division is behind our backs, it is time to make some preliminary plans for year 2012. The AJAX and MVC suites received important updates throughout 2011 and, as you probably expect, this trend will continue next year. One tad you need to have in mind is that the DevTools release will be shifted one month ahead, therefore it will be out in mid February, instead of mid March as it used to be.&lt;/td&gt; &lt;td style="width: 100px; border-width: 0px;" valign="top"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Whatsnextin2012fortheTelerikAJAXandMVCpr_AC1D-roadmap3_2_1.jpg?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="roadmap3" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Whatsnextin2012fortheTelerikAJAXandMVCpr_AC1D-roadmap3_thumb_1.jpg?sfvrsn=0" width="240" height="160" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p class="vcard" sizset="113" sizcache="1"&gt;This means that you will get all that is slated for the next release sooner than you imagined. Isn't that cool?&lt;/p&gt; &lt;p class="vcard" sizset="113" sizcache="1"&gt;But enough common talk, I am giving you the actual spotlights for the first major release of &lt;a href="http://www.telerik.com/products/aspnet-ajax.aspx"&gt;RadControls for ASP.NET AJAX&lt;/a&gt; and &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;Telerik Extensions for ASP.NET MVC&lt;/a&gt;.&lt;/p&gt; &lt;h2 class="vcard" sizset="113" sizcache="1"&gt;RadControls for ASP.NET AJAX&lt;/h2&gt; &lt;p class="vcard" sizset="113" sizcache="1"&gt;The two focus points that will be with high priority during 2012 will be improvements targeting touchscreen mobile devices and enhanced accessibility. Another thing that will take a central place will be the support of HTML5 features, where applicable (note that the AJAX upload and input controls already has integrated HTML5 features). Among the rest of the highlights for the next release are several substantial features for the editor, grid, listview, org chart, scheduler and treelist controls. To name a few:&lt;/p&gt; &lt;div class="vcard" sizset="113" sizcache="1"&gt; &lt;ul&gt; &lt;li&gt;Comments and track changes Editor features, as well as thumbnail view in its Image Manager &lt;/li&gt; &lt;li&gt;Grid cell/column selection &lt;/li&gt; &lt;li&gt;Client-side binding and client templates support for the ListView &lt;/li&gt; &lt;li&gt;Drag and drop and expand/collapse for nodes in OrgChart &lt;/li&gt; &lt;li&gt;New design-time wizard and integrated time zones support for scheduler; client-side binding for SPRadScheduler &lt;/li&gt; &lt;li&gt;Export to Excel and client features for the TreeList &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx"&gt;See Detailed Roadmap &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;Telerik Extensions for ASP.NET MVC&lt;/h2&gt; &lt;p&gt;The MVC Extensions will also obtain some notable updates next year, starting with improved MVC authorization support and combined js file for all components and features. In the long run, they will be more and more tightly integrated with the &lt;a href="http://www.kendoui.com/"&gt;Kendo UI framework&lt;/a&gt; which had its first prime time a couple of weeks ago. The spotlights for the next major release will be new Area chart type and many features across the entire suite. Here are some of them:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Multiple value axes and plot bands for the chart &lt;/li&gt; &lt;li&gt;Cascading comboboxes &lt;/li&gt; &lt;li&gt;Extended editing API for the grid &lt;/li&gt; &lt;li&gt;Client API for adding/removing nodes in the treeview &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/roadmap.aspx"&gt;See Detailed Roadmap &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;We have more exciting stuff in mind post R1 2012, and will divulge further details later during 2012, so stay tuned. &lt;/p&gt; &lt;p&gt;Additionally, to help us determine and prioritize what's coming next in both of our ASP.NET web product lines, do not be shy and voice your feedback by either leaving a comment in this post, submit it using the new improved and dandy version of the &lt;a href="http://www.telerik.com/support/pits.aspx"&gt;Telerik Issue Tracker&lt;/a&gt; we've just published, or fill the &lt;a href="https://new.qualtrics.com/SE/?SID=SV_5bbbfpjKwQ7OltG&amp;amp;Preview=Survey&amp;amp;BrandID=telerik"&gt;AJAX product survey&lt;/a&gt; that is active till the end of this week. We are constantly listening to what you say, as you are the driving force that makes our products better and more useful with each consecutive release.&lt;/p&gt; &lt;p sizset="113" sizcache="1"&gt;&lt;em sizset="113" sizcache="1"&gt;Are you into ASP.NET development? Download our &lt;a href="http://www.telerik.com/products/aspnet-ajax.aspx"&gt;AJAX&lt;/a&gt; and &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;MVC&lt;/a&gt; components now to cut back development time and boost your productivity!&lt;/em&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-12-16/what-s-next-in-2012-for-the-telerik-ajax-and-mvc-products-587991387.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:aefcea4b-4e90-44e1-8fb3-7b921e8fa623</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/cZYLJvnh17Y/telerik-s-q3-11-brings-codeless-odata-binding-support-for-the-ajax-and-scatter-chart-for-the-mvc-suite-2607591049.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>Release</category><category>ASP.NET MVC</category><category>MVC</category><title>Telerik's Q3'11 brings codeless OData binding support for the AJAX and scatter chart for the MVC suite</title><description>&lt;p&gt;Following the Q3 2011 Beta previews of our &lt;a href="http://blogs.telerik.com/aspnet-ajax/posts/11-10-25/telerik-ajax-q3-2011-beta---new-org-chart-and-social-share-controls-metro-skin-and-more.aspx"&gt;AJAX&lt;/a&gt; and &lt;a href="http://blogs.telerik.com/aspnetmvcteam/posts/11-10-27/telerik-mvc-q3-2011-beta-preview-new-charting-and-grid-features-and-better-mobile-support.aspx"&gt;MVC&lt;/a&gt; components, I am happy to present you the official new major release of both bundles. Aside from the new functionality that has been instituted with the Beta packs, there a few more important spotlights that I would like to draw your attention to.&lt;/p&gt; &lt;h2&gt;MVC Scatter Chart&lt;/h2&gt; &lt;p&gt;In addition to the Pie chart which marked its debut with the Q3'11 MVC Beta release, we inaugurate the scatter/scatter line chart types as two more visualization options when you want to display your data in charting format. Here are a couple of screen shots for your...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/cZYLJvnh17Y" height="1" width="1"/&gt;</description><pubDate>Wed, 16 Nov 2011 17:13:57 Z</pubDate><a10:content type="text">&lt;p&gt;Following the Q3 2011 Beta previews of our &lt;a href="http://blogs.telerik.com/aspnet-ajax/posts/11-10-25/telerik-ajax-q3-2011-beta---new-org-chart-and-social-share-controls-metro-skin-and-more.aspx"&gt;AJAX&lt;/a&gt; and &lt;a href="http://blogs.telerik.com/aspnetmvcteam/posts/11-10-27/telerik-mvc-q3-2011-beta-preview-new-charting-and-grid-features-and-better-mobile-support.aspx"&gt;MVC&lt;/a&gt; components, I am happy to present you the official new major release of both bundles. Aside from the new functionality that has been instituted with the Beta packs, there a few more important spotlights that I would like to draw your attention to.&lt;/p&gt; &lt;h2&gt;MVC Scatter Chart&lt;/h2&gt; &lt;p&gt;In addition to the Pie chart which marked its debut with the Q3'11 MVC Beta release, we inaugurate the scatter/scatter line chart types as two more visualization options when you want to display your data in charting format. Here are a couple of screen shots for your visual pleasure, you can also follow the demos below:&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TeleriksQ311bringsODatabindingsupportfor_C8BE-Chart_Scatter_2_1.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="Chart_Scatter" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TeleriksQ311bringsODatabindingsupportfor_C8BE-Chart_Scatter_thumb_1.png?sfvrsn=0" width="579" height="439" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TeleriksQ311bringsODatabindingsupportfor_C8BE-Chart_ScatterLine_4_1.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="Chart_ScatterLine" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TeleriksQ311bringsODatabindingsupportfor_C8BE-Chart_ScatterLine_thumb_1_1.png?sfvrsn=0" width="513" height="417" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&lt;a href="http://demos.telerik.com/aspnet-mvc/chart/scatterchart"&gt;See Demos &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Furthermore, we improved even further the performance of all MVC charts to give you the optimal FPS possible. You can perform a quick test on &lt;a href="http://demos.telerik.com/aspnet-mvc/chart/highperformance"&gt;this demo&lt;/a&gt; (the results can vary depending on the browser type and version).&lt;/p&gt; &lt;h2&gt; &lt;br /&gt;
Codeless OData binding for the AJAX combobox, listbox, menu and treeview &lt;/h2&gt; &lt;p&gt;With this release four of our AJAX navigation controls expose an option to implement codeless OData binding (which, by the way, is &lt;a href="http://demos.telerik.com/aspnet-ajax/grid/examples/clientbinding/defaultcs.aspx"&gt;supported by the AJAX grid&lt;/a&gt; from some time now). Here is the common configuration for all four components that will suffice for this type of web service binding, the attributes are pretty self-explanatory:&lt;/p&gt; &lt;p&gt;&lt;em&gt;&amp;lt;WebServiceSettings Path="http://services.odata.org/Northwind/Northwind.svc"&amp;gt;      &lt;br /&gt;
&amp;nbsp; &amp;lt;ODataSettings ResponseType="JSONP"&amp;gt;       &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;Entities&amp;gt;       &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;telerik:ODataEntityType Name="Category" DataValueField="CategoryID" DataTextField="CategoryName" /&amp;gt;       &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/Entities&amp;gt;       &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;lt;EntityContainer&amp;gt;       &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;telerik:ODataEntitySet EntityType="Category" Name="Categories" /&amp;gt;       &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;lt;/EntityContainer&amp;gt;       &lt;br /&gt;
&amp;lt;/ODataSettings&amp;gt;       &lt;br /&gt;
&amp;lt;/WebServiceSettings&amp;gt;&lt;/em&gt;&lt;/p&gt; &lt;p&gt;Expect a separate blog post on that in the upcoming weeks.&lt;/p&gt; &lt;p&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/treeview/examples/loadondemand/odata/defaultcs.aspx"&gt;See Demo &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;jQuery ajax WCF binding for AJAX Notification and XmlHttpPanel&lt;/h2&gt; &lt;p&gt;The AJAX Notification and XmlHttpPanel controls are empowered with one more means to request/receive and display data, namely using jQuery ajax WCF binding "under the hood". For this purpose you solely need to specify the request method, service method and service path properties of the control, for instance:&lt;/p&gt; &lt;p&gt;&lt;em&gt;&amp;lt;telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" RenderMode="Block"      &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; WcfRequestMethod="POST"       &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; WcfServiceMethod="PostRetrieveProductByID"       &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; WcfServicePath="XmlHttpPanelWcfService.svc"&amp;gt;       &lt;br /&gt;
&amp;lt;/telerik:RadXmlHttpPanel&amp;gt;&lt;/em&gt;&lt;/p&gt; &lt;p&gt;and, of course, to define and register the WCF service in the web.config of your site. &lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TeleriksQ311bringsODatabindingsupportfor_C8BE-XmlHttpPanel_jQuery_ajax_WCF_binding_2_1.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="XmlHttpPanel_jQuery_ajax_WCF_binding" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TeleriksQ311bringsODatabindingsupportfor_C8BE-XmlHttpPanel_jQuery_ajax_WCF_binding_thumb_1.png?sfvrsn=0" width="640" height="284" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&lt;a href="http://demos.telerik.com/aspnet-ajax/xmlhttppanel/examples/wcfservice/defaultcs.aspx"&gt;See Demo &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;HTML5 inputs support and Single Input Rendering for the AJAX input controls&lt;/h2&gt; &lt;p&gt;Two new major features for the AJAX inputs that lead to optimized rendered input and facilitate the data validation, and make RadTextBox 'behave' as an HTML5 input when specifying its type (under browsers which already support HTML5 input types).    &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-ajax/input/examples/overview/defaultcs.aspx"&gt;See Demos &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;Drag and drop of appointments on mobile touch-enabled devices for the AJAX Scheduler &lt;/h2&gt; &lt;p&gt;Our AJAX scheduler introduces drag and drop support for appointments on mobile devices, abreast with the grid, listview and treelist controls.&lt;/p&gt; &lt;p&gt; &lt;br /&gt;
Also, starting with this release, we are shipping a Trial package for our MVC extensions which can be used for evaluation purposes, when considering the commercial version. The Trial License entitles you to 3 support tickets with 72 hours response time and minor updates (service packs and internal builds), as opposed to the OS license which receives solely major updates and grants access to the public forums only.&lt;/p&gt; &lt;p&gt; &lt;br /&gt;
For complete details about the Q3'11 release, please follow the links below:&lt;/p&gt; &lt;h3&gt;Q3'11 AJAX quick links&lt;/h3&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2625&amp;amp;pid=561"&gt;Trial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2625&amp;amp;pid=561"&gt;Commercial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/release-history/q3-2011-version-2011-3-1115.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-ajax/controls/examples/default/defaultcs.aspx"&gt;Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-ajax/introduction.html"&gt;Documentation&lt;/a&gt;&lt;/p&gt; &lt;h3&gt;Q3'11 MVC quick links&lt;/h3&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2622&amp;amp;pid=722"&gt;Trial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2622&amp;amp;pid=722"&gt;Commercial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2623&amp;amp;pid=697"&gt;OS Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q3-2011-version-2011-3-1115-0.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-mvc"&gt;Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Help&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;Enjoy the new bits and let me know what you would like to see (in terms of new components and features) in our AJAX and MVC bundles in year 2012! I will be monitoring the comments here to see what your wishes/preferences are. And one never knows, they may turn into reality at some point next year ;)&lt;/p&gt; &lt;p sizset="113" sizcache="1"&gt;&lt;em sizset="113" sizcache="1"&gt;Are you into ASP.NET development? Download our &lt;a href="http://www.telerik.com/products/aspnet-ajax.aspx"&gt;AJAX&lt;/a&gt; and &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;MVC&lt;/a&gt; components now to cut back development time and boost your productivity!&lt;/em&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-11-16/telerik-s-q3-11-brings-codeless-odata-binding-support-for-the-ajax-and-scatter-chart-for-the-mvc-suite-2607591049.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:c3eccfe9-f32f-4d9f-a4e6-73b8494c6ac9</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/Wvxi5OXvhqQ/telerik-mvc-q3-2011-beta-preview-new-charting-and-grid-features-and-better-mobile-support.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>Release</category><category>ASP.NET MVC</category><category>MVC</category><title>Telerik MVC Q3 2011 Beta preview: New charting and grid features, and better mobile support</title><description>&lt;p&gt;Two days after the &lt;a href="http://blogs.telerik.com/aspnet-ajax/posts/11-10-25/telerik-ajax-q3-2011-beta---new-org-chart-and-social-share-controls-metro-skin-and-more.aspx"&gt;Telerik AJAX Q3 2011 Beta launch&lt;/a&gt; we are presenting you the MVC Q3'11 Beta preview bits. Among the highlights are the new Metro skin for all &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;Telerik MVC Extensions&lt;/a&gt;, improved mobile support, new Pie chart series type, keyboard support for the editor and a bunch of new features for the grid extension. The compressed packages for the &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2513&amp;amp;pid=697"&gt;Open Source&lt;/a&gt; and &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2567&amp;amp;pid=722"&gt;Commercial&lt;/a&gt; distributions are ready and steady for download. &lt;/p&gt; &lt;h2&gt;Enhanced Mobile Support | Metro skin&lt;/h2&gt; &lt;p&gt;With this early preview we are conveying improved mobile support for our MVC extensions in terms of drag &amp;amp; drop and touch support for the grid,...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/Wvxi5OXvhqQ" height="1" width="1"/&gt;</description><pubDate>Thu, 27 Oct 2011 16:05:28 Z</pubDate><a10:content type="text">&lt;p&gt;Two days after the &lt;a href="http://blogs.telerik.com/aspnet-ajax/posts/11-10-25/telerik-ajax-q3-2011-beta---new-org-chart-and-social-share-controls-metro-skin-and-more.aspx"&gt;Telerik AJAX Q3 2011 Beta launch&lt;/a&gt; we are presenting you the MVC Q3'11 Beta preview bits. Among the highlights are the new Metro skin for all &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;Telerik MVC Extensions&lt;/a&gt;, improved mobile support, new Pie chart series type, keyboard support for the editor and a bunch of new features for the grid extension. The compressed packages for the &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2513&amp;amp;pid=697"&gt;Open Source&lt;/a&gt; and &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2567&amp;amp;pid=722"&gt;Commercial&lt;/a&gt; distributions are ready and steady for download. &lt;/p&gt; &lt;h2&gt;Enhanced Mobile Support | Metro skin&lt;/h2&gt; &lt;p&gt;With this early preview we are conveying improved mobile support for our MVC extensions in terms of drag &amp;amp; drop and touch support for the grid, treeview, slider, splitter and window extensions. Furthermore, the skins set receives an important update with Metro UI design inspired addition.    &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ32011Betapreviewnewchartingan_CBAC-Extensions_MetroSkin_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="Extensions_MetroSkin" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ32011Betapreviewnewchartingan_CBAC-Extensions_MetroSkin_thumb.png?sfvrsn=0" width="634" height="580" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt; &lt;br /&gt;
Head on to the &lt;a href="http://demos.telerik.com/aspnet-mvc-beta/"&gt;live demos&lt;/a&gt; to see those in action.&lt;/p&gt; &lt;h2&gt;New features for existing extensions&lt;/h2&gt; &lt;p&gt;&lt;strong&gt;Pie Chart&lt;/strong&gt; - a brand new chart type joins the bar, column and line 'species' that came out with the debut of the Telerik HTML5-powered MVC charting in Q2 2011. It comes with all anticipated goodies such as tooltips, labels positioning and angles, smooth animations, etc., and it is blazing fast!&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ32011Betapreviewnewchartingan_CBAC-Chart_Pie_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="Chart_Pie" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ32011Betapreviewnewchartingan_CBAC-Chart_Pie_thumb.png?sfvrsn=0" width="531" height="432" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&lt;a href="http://demos.telerik.com/aspnet-mvc-beta/chart/piechart"&gt;See Demo&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Expect one more chart type (XY, or scattered) to make its first appearance with the official Q3 2011 blast.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Grid Features&lt;/strong&gt; - With this release we are enhancing the grid with features like column chooser (client show/hide API is also integrated), built-in foreign-key column with dropdown editor, and the ability to execute custom commands using command columns.&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ32011Betapreviewnewchartingan_CBAC-Grid_Features_Q3_2011_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="Grid_Features_Q3_2011" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ32011Betapreviewnewchartingan_CBAC-Grid_Features_Q3_2011_thumb.png?sfvrsn=0" width="638" height="331" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Editor keyboard support&lt;/strong&gt; - the editor now benefits from intuitive keyboard support, which also amplifies its accessibility. Expect a demo showcasing this feature for the formal release in mid November.&lt;/p&gt; &lt;p&gt;The Beta's live demos, documentation and release notes can be found at:    &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-mvc-beta/"&gt;Live demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Documentation&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q3-2011-beta-version-2011-3-1027.aspx"&gt;Release Notes&lt;/a&gt; &lt;/p&gt; &lt;p&gt;I hope that you will enjoy all these charms which can make your MVC apps richer and more appealing to the end users. As always, do not spare us your comments and deliberations either by sharing them directly in this blog post or using the &lt;a href="http://www.telerik.com/community/forums/aspnet-mvc/beta.aspx"&gt;Q3 2011 Beta forum&lt;/a&gt; medium.&lt;/p&gt; &lt;p sizset="113" sizcache="1"&gt;&lt;em sizset="113" sizcache="1"&gt;Are you into ASP.NET development? Download our &lt;a href="http://www.telerik.com/products/aspnet-ajax.aspx"&gt;AJAX&lt;/a&gt; and &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;MVC&lt;/a&gt; components now to cut back development time and boost your productivity!&lt;/em&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-10-27/telerik-mvc-q3-2011-beta-preview-new-charting-and-grid-features-and-better-mobile-support.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:17748d7d-69e5-4a93-9450-99eddbdd7dda</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/xyWM-NfAKlQ/q2-2011-sp1-ajax-and-mvc-service-packs-3885090612.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>ServicePack</category><category>ASP.NET MVC</category><category>MVC</category><title>Q2 2011 SP1 AJAX and MVC service packs</title><description>&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style="width: 450px;border-width: 0px;" valign="top"&gt;Right in the apogee of THE &lt;a href="http://www.buildwindows.com/"&gt;//build conference&lt;/a&gt; when the Microsoft developer community is impatiently swallowing the news revolving around the future of the Windows and .NET development, we are delivering for you the service pack releases for the Telerik AJAX and MVC product lines.           &lt;br /&gt;
            And not to distract you from collecting the information that is pouring every day over the mass media, I will briefly give you the highlights (in terms of enhancements) of our maintenance releases.&lt;/td&gt; &lt;td style="width: 150px;border-width: 0px;" valign="top"&gt;&lt;a sfref="[documents]61d1d911-4158-4778-a3c9-a30427920d97" href="/docs/default-source/metabloglib/WindowsLiveWriter-Q22011SP1AJAXandMVCservicepacks_10550-ServicePack_image6_2_1.jpg?sfvrsn=0"&gt;&lt;img style="border-width: 0px;border-style: solid;" alt="ServicePack_image6" sfref="[documents]60cd62e3-9753-4555-82c9-7837319bd772" src="/docs/default-source/metabloglib/WindowsLiveWriter-Q22011SP1AJAXandMVCservicepacks_10550-ServicePack_image6_thumb_1.jpg?sfvrsn=0" width="160" height="154" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;h2&gt;RadControls for...&lt;/h2&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/xyWM-NfAKlQ" height="1" width="1"/&gt;</description><pubDate>Thu, 15 Sep 2011 15:47:34 Z</pubDate><a10:content type="text">&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style="width: 450px; border-width: 0px;" valign="top"&gt;Right in the apogee of THE &lt;a href="http://www.buildwindows.com/"&gt;//build conference&lt;/a&gt; when the Microsoft developer community is impatiently swallowing the news revolving around the future of the Windows and .NET development, we are delivering for you the service pack releases for the Telerik AJAX and MVC product lines.           &lt;br /&gt;
            And not to distract you from collecting the information that is pouring every day over the mass media, I will briefly give you the highlights (in terms of enhancements) of our maintenance releases.&lt;/td&gt; &lt;td style="width: 150px; border-width: 0px;" valign="top"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Q22011SP1AJAXandMVCservicepacks_10550-ServicePack_image6_2_1.jpg?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="ServicePack_image6" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Q22011SP1AJAXandMVCservicepacks_10550-ServicePack_image6_thumb_1.jpg?sfvrsn=0" width="160" height="154" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;h2&gt;RadControls for ASP.NET AJAX Q2 2011 SP1 &lt;/h2&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2571&amp;amp;pid=561"&gt;Trial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2571&amp;amp;pid=561"&gt;Paid Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/release-history/q2-2011-sp1-version-2011-2-915.aspx"&gt;Release notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-ajax/controls/examples/default/defaultcs.aspx"&gt;Live Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-ajax/introduction.html"&gt;Online Documentation&lt;/a&gt; &lt;/p&gt; &lt;p&gt;High spots:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;FireFox 6 and Chrome 13 support &lt;/li&gt; &lt;li&gt;New Visual Studio Extensions scenarios &lt;/li&gt; &lt;li&gt;(ComboBox) Property to enable check/uncheck of all items with checkboxes &lt;/li&gt; &lt;li&gt;(Editor) Localization in TrackChanges dialog &lt;/li&gt; &lt;li&gt;(FileExplorer) Improved RTL support &lt;/li&gt; &lt;li&gt;(Grid) New property that exposes the editIndexes collection on the client &lt;/li&gt; &lt;li&gt;(ImageEditor) Support for width in percentage &lt;/li&gt; &lt;li&gt;(Scheduler) Improved keyboard navigation &lt;/li&gt; &lt;li&gt;(ScriptManager) Ability to Auto-enable JS intellisense in VS 2010 &lt;/li&gt; &lt;li&gt;(Window) Design-time improvements &lt;/li&gt; &lt;/ul&gt; &lt;h2&gt;Telerik Extensions for ASP.NET MVC Q2 2011 SP1 (Commercial package only)&lt;/h2&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2567&amp;amp;pid=722"&gt;Commercial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q2-2011-sp1-version-2011-2-914.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-mvc"&gt;Live Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Online Documentation&lt;/a&gt;&lt;/p&gt; &lt;p&gt;High spots:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;FireFox 6 and Chrome 13 support &lt;/li&gt; &lt;li&gt;Plethora of chart features: axes and series templates, data points tooltips, axis labels rotation, etc. &lt;/li&gt; &lt;li&gt;(ComboBox) Introduced HiddenInputHtmlAttributes for the dropdownlist component &lt;/li&gt; &lt;li&gt;(Grid) Ability to edit cells on TAB key press &lt;/li&gt; &lt;li&gt;(Menu) Functionality to bind items to IEnumerable&amp;lt;&amp;gt; &lt;/li&gt; &lt;li&gt;(Splitter, Window) You can now pass data to the server using their ajaxRequest() method &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;That's about all. Finally, do not play shy and &lt;a href="http://blogs.telerik.com/blogs/posts/11-09-08/the-countdown-to-build.aspx"&gt;meet our crew&lt;/a&gt; (mentioned in the first comment by my colleague Todd Anglin) at the MS //build conference to learn more about how Telerik secures your development now and in the future!&lt;/p&gt; &lt;p&gt;&lt;em&gt;Are you into ASP.NET development? Download our &lt;a href="http://www.telerik.com/products/aspnet-ajax.aspx"&gt;AJAX&lt;/a&gt; and &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;MVC&lt;/a&gt; components now to cut back development time and boost your productivity!&lt;/em&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-09-15/q2-2011-sp1-ajax-and-mvc-service-packs-3885090612.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:57f1daef-4e28-460d-a13b-a42eb172b38c</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/hEg9abSBiTo/company-achieves-roi-of-15x-the-initial-cost-with-telerik-s-asp-net-mvc-extensions---case-study.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>case study</category><category>ASP.NET MVC</category><category>MVC</category><title>Company Achieves ROI of 15x the Initial Cost with Telerik’s ASP.NET MVC Extensions - Case Study</title><description>&lt;p&gt;&lt;a href="http://www.paylocity.com/"&gt;Paylocity&lt;/a&gt;, a leading US online employment services firm recognized by multiple industry ratings, knew their Time and Labor Management product, Paylocity Web Time, needed a strong competitive advantage, if it was to stay successful in the crowded market for web-based employment services. This is why the development team undertook an aggressive project on improving the product. &lt;/p&gt; &lt;p&gt;&lt;strong&gt;Project requirements and objectives:&lt;/strong&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Make the product more intuitive in order to increase user productivity &lt;/li&gt; &lt;li&gt;Update product in a manner that would take advantage of modern technologies and add support for tablets and phones &lt;/li&gt; &lt;li&gt;Redesign the interface to achieve a sleeker look and feel &lt;/li&gt; &lt;li&gt;Build...&lt;/li&gt;&lt;/ul&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/hEg9abSBiTo" height="1" width="1"/&gt;</description><pubDate>Tue, 06 Sep 2011 08:15:41 Z</pubDate><a10:content type="text">&lt;p&gt;&lt;a href="http://www.paylocity.com/"&gt;Paylocity&lt;/a&gt;, a leading US online employment services firm recognized by multiple industry ratings, knew their Time and Labor Management product, Paylocity Web Time, needed a strong competitive advantage, if it was to stay successful in the crowded market for web-based employment services. This is why the development team undertook an aggressive project on improving the product. &lt;/p&gt; &lt;p&gt;&lt;strong&gt;Project requirements and objectives:&lt;/strong&gt;&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Make the product more intuitive in order to increase user productivity &lt;/li&gt; &lt;li&gt;Update product in a manner that would take advantage of modern technologies and add support for tablets and phones &lt;/li&gt; &lt;li&gt;Redesign the interface to achieve a sleeker look and feel &lt;/li&gt; &lt;li&gt;Build the project using the ASP.NET MVC framework &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;strong&gt;Challenge:&lt;/strong&gt; &lt;/p&gt; &lt;p&gt;Time constraints &amp;ndash; the team of developers had to deliver the updated iteration of the application quickly in order to gain competitive advantage. They knew that instead of building everything from scratch, it would be more time- and effort-efficient, if they used third-party components. &lt;/p&gt; &lt;p&gt;&lt;strong&gt;Solution: Why the Telerik Extensions for ASP.NET MVC?&lt;/strong&gt; &lt;/p&gt; &lt;p&gt;Paylocity&amp;rsquo;s developers highly favored:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;The Extensions&amp;rsquo; coding standards and best practices &lt;/li&gt; &lt;li&gt;Their professional documentation &lt;/li&gt; &lt;li&gt;Their release cycle - it mirrors Microsoft&amp;rsquo;s, which would allow Paylocity to continue adopting emerging technologies &lt;/li&gt; &lt;li&gt;Telerik&amp;rsquo;s famous support. &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;strong&gt;Results:&lt;/strong&gt; &lt;br /&gt;
After a mere eight months, the updated version of Paylocity Web Time was ready to launch. The team managed to achieve all objectives while cutting development time and achieving a return that is more than 15 times their actual cost. &lt;/p&gt; &lt;p&gt;The most important objective - to deliver a solution that notably improves user productivity &amp;ndash; was also met and as company President and CEO, Steve Beauchamp noted, the application&amp;rsquo;s sales increased by more than 50 percent&amp;nbsp;compared to&amp;nbsp;the previous fiscal year. &lt;/p&gt; &lt;p&gt;For details on how Paylocity compared Telerik&amp;rsquo;s ASP.NET MVC extensions to its competitors and how exactly the components helped them cut development time, visit the &lt;a href="http://www.telerik.com/company/customers/case-studies/telerik-s-extensions-for-asp-net-mvc-put-sales-of-paylocity-web-time-over-the-top.aspx"&gt;full-length case study&lt;/a&gt;. &lt;/p&gt; &lt;div id="author" class="vcard"&gt; &lt;h2&gt;About the Telerik Extensions for ASP.NET MVC&lt;/h2&gt; &lt;img class="photo" alt="Telerik's MVC Extensions" src="http://blogs.telerik.com/images/default-source/aspnet-mvc/MVC_icon.jpg?sfvrsn=0" /&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;Telerik Extensions for ASP.NET MVC&lt;/a&gt;&amp;nbsp;is a comprehensive set of native MVC, jQuery-powered UI components that help you deliver richer apps to market faster. With their slick look and feel, optimized performance and aggressive release schedule, these components give you more time to work on the business logic of your app. What is more, the suite allows you to choose a licensing option that best fits your project&amp;rsquo;s needs &amp;ndash; open source for your GPLv2-compatible apps, and commercial for your closed-source projects. &lt;/p&gt; &lt;p&gt;If you still haven&amp;rsquo;t tried Telerik&amp;rsquo;s ASP.NET MVC extensions, &lt;a href="http://www.telerik.com/products/aspnet-mvc/download.aspx" class="tArrowReadMore"&gt;download your free copy now&lt;/a&gt; &lt;/p&gt; &lt;/div&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-09-06/company-achieves-roi-of-15x-the-initial-cost-with-telerik-s-asp-net-mvc-extensions---case-study.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:d7dbe122-a03a-41d0-b572-3a55b615266b</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/zG3Z6KD5ovQ/q3-11-telerik-ajax-mvc-roadmaps-1306632345.aspx</link><author>Stefan.Rahnev@telerik.com</author><title>Q3'11 Telerik AJAX/MVC Roadmaps</title><description>&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style="width: 450px;border-width: 0px;" valign="top"&gt;I know that some of you, fellow developers, are enjoying the hot summer days and took well-deserved vacations during this period of the year - spending them by the beach with an icy cocktail in hand and getting bronze tan. And I envy you a little for that :) But here, in the Telerik HQ, the working cycle constantly spins no matter what the odds and the weather are, and the time has come to share with you our AJAX and MVC Q3 2011 plans. &lt;/td&gt; &lt;td style="width: 150px;border-width: 0px;" valign="top"&gt;&lt;a sfref="[documents]c30ee176-54c1-4a3a-9f1c-7d0dd8ac8b1a" href="/docs/default-source/metabloglib/WindowsLiveWriter-Q311TelerikAJAXMVCRoadmaps_E269-roadmap5_2_1.jpg?sfvrsn=0"&gt;&lt;img style="border-width: 0px;border-style: solid;" alt="roadmap5" sfref="[documents]c0b3821a-cbd5-4d0f-8392-0bf60d8aab72" src="/docs/default-source/metabloglib/WindowsLiveWriter-Q311TelerikAJAXMVCRoadmaps_E269-roadmap5_thumb_1.jpg?sfvrsn=0" width="84" height="85" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;h2&gt;AJAX Roadmap&lt;span style="font-size: 24px;"&gt; (&lt;/span&gt;&lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx"&gt;&lt;span style="font-size: 24px;"&gt;View&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: 24px;"&gt;)&lt;/span&gt;&lt;/h2&gt; &lt;h3&gt;Quick highlights&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;Two new controls: Social Share and Org Chart &lt;/li&gt; &lt;li&gt;New Metro skin (preview can...&lt;/li&gt;&lt;/ul&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/zG3Z6KD5ovQ" height="1" width="1"/&gt;</description><pubDate>Wed, 10 Aug 2011 16:35:49 Z</pubDate><a10:content type="text">&lt;table border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style="width: 450px; border-width: 0px;" valign="top"&gt;I know that some of you, fellow developers, are enjoying the hot summer days and took well-deserved vacations during this period of the year - spending them by the beach with an icy cocktail in hand and getting bronze tan. And I envy you a little for that :) But here, in the Telerik HQ, the working cycle constantly spins no matter what the odds and the weather are, and the time has come to share with you our AJAX and MVC Q3 2011 plans. &lt;/td&gt; &lt;td style="width: 150px; border-width: 0px;" valign="top"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Q311TelerikAJAXMVCRoadmaps_E269-roadmap5_2_1.jpg?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="roadmap5" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Q311TelerikAJAXMVCRoadmaps_E269-roadmap5_thumb_1.jpg?sfvrsn=0" width="84" height="85" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;h2&gt;AJAX Roadmap&lt;span style="font-size: 24px;"&gt; (&lt;/span&gt;&lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx"&gt;&lt;span style="font-size: 24px;"&gt;View&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: 24px;"&gt;)&lt;/span&gt;&lt;/h2&gt; &lt;h3&gt;Quick highlights&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;Two new controls: Social Share and Org Chart &lt;/li&gt; &lt;li&gt;New Metro skin (preview can be downloaded from &lt;a href="http://www.telerik.com/support/skins/details/metro-skin-for-asp-net-ajax.aspx"&gt;here&lt;/a&gt;) &lt;/li&gt; &lt;li&gt;Integrated OData support for all navigation controls &lt;/li&gt; &lt;li&gt;Accessibility/mobile browsers enhancements &lt;/li&gt; &lt;li&gt;Partial zoom, better cropping capabilities and keyboard support for the new image editor &lt;/li&gt; &lt;li&gt;jQuery ajax WCF binding, percentage size and sound on display for the newly introduced notification &lt;/li&gt; &lt;li&gt;A bunch of new features for the editor, grid, scheduler and ribbon bar &lt;/li&gt; &lt;/ul&gt; &lt;h2&gt;&lt;span style="font-size: 24px;"&gt;MVC Roadmap (&lt;/span&gt;&lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/roadmap.aspx"&gt;&lt;span style="font-size: 24px;"&gt;View&lt;/span&gt;&lt;/a&gt;&lt;span style="font-size: 24px;"&gt;)&lt;/span&gt;&lt;/h2&gt; &lt;h3&gt;&lt;span style="font-size: 18px;"&gt;Quick highlights&lt;/span&gt;&lt;/h3&gt; &lt;ul&gt; &lt;li&gt;New Metro skin &lt;/li&gt; &lt;li&gt;Two new series types - Pie and XY (Scattered) - for the MVC chart extension &lt;/li&gt; &lt;li&gt;Mouse over effects, tooltips and animations when interacting with the chart &lt;/li&gt; &lt;li&gt;Keyboard support for the html editor&lt;/li&gt; &lt;li&gt;Column chooser, foreign-key column (with dropdown editor) and custom commands for the grid extension &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Hope that you will enjoy what we will be delivering for the next major installment of the Telerik ASP.NET web stack! Until then have fun developing web applications with our components, and watch out for the Q3 2011 Beta releases in late October.&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-08-10/q3-11-telerik-ajax-mvc-roadmaps-1306632345.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:6d2b7ded-b6c5-4ae4-8063-00247d014ff0</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/OFJyHk1i550/telerik-extensions-for-asp-net-mvc-getting-started-with-the-chart.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>SVG</category><category>chart</category><category>ASP.NET MVC</category><category>MVC</category><title>Telerik Extensions for ASP.NET MVC – Getting Started with the Chart</title><description>&lt;p&gt;With the release of Q2 2011 we here at Telerik are proud to announce the Chart Extension for ASP.NET MVC. This component has been designed from the ground up with a high focus on performance and cross-browser compatibility and is based off of SVG and VML (for browsers that do not support SVG). Many of you are probably interested in how you can start working with the chart and this blog post should help guide you along the first couple of steps.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Server Binding&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Out-of-the-box the chart component can very easily bind to any supplied model on the server. If the view...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/OFJyHk1i550" height="1" width="1"/&gt;</description><pubDate>Wed, 13 Jul 2011 19:11:43 Z</pubDate><a10:content type="text">&lt;p&gt;With the release of Q2 2011 we here at Telerik are proud to announce the Chart Extension for ASP.NET MVC. This component has been designed from the ground up with a high focus on performance and cross-browser compatibility and is based off of SVG and VML (for browsers that do not support SVG). Many of you are probably interested in how you can start working with the chart and this blog post should help guide you along the first couple of steps.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Server Binding&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Out-of-the-box the chart component can very easily bind to any supplied model on the server. If the view is strongly typed this is made even easier as you can just pass the view&amp;rsquo;s Model object. The data in this model will be serialized to the client for you, very nice and easy. To get started lets go ahead and create some data. I have the following class called SalesData.cs, which I added to my Models folder:&lt;/p&gt; &lt;p&gt; &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: #006699; font-weight: bold;"&gt;using&lt;/code&gt; &lt;code style="color: #000000;"&gt;System.Collections.Generic;&lt;/code&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 style="margin-left: 0px !important;"&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;namespace&lt;/code&gt; &lt;code style="color: #000000;"&gt;ChartApplication.Models&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: #006699; font-weight: bold;"&gt;class&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesData&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;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;string&lt;/code&gt; &lt;code style="color: #000000;"&gt;RepName { &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;&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;&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;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;string&lt;/code&gt; &lt;code style="color: #000000;"&gt;DateString { &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;&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;&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;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;decimal&lt;/code&gt; &lt;code style="color: #000000;"&gt;TotalSales { &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;&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;&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;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;decimal&lt;/code&gt; &lt;code style="color: #000000;"&gt;RepSales { &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;&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 style="margin-left: 0px !important;"&gt;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;static&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;class&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesDataBuilder&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&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;public&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;static&lt;/code&gt; &lt;code style="color: #000000;"&gt;List&amp;lt;SalesData&amp;gt; GetCollection()&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;{&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: #006699; font-weight: bold;"&gt;return&lt;/code&gt; &lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;List&amp;lt;SalesData&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;{&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: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesData&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;{&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;RepName = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Nancy Davolio"&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;&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;DateString = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Aug 2010"&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;&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;TotalSales = 15458,&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;RepSales = 2015&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;},&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;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesData&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;{&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;RepName = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Nancy Davolio"&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;&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;DateString = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Sept 2010"&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;&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;TotalSales = 26598,&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;RepSales = 6003&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;},&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;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesData&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;{&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;RepName = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Nancy Davolio"&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;&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;DateString = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Oct 2010"&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;&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;TotalSales = 27623,&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;RepSales = 6881&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;},&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;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesData&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;{&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;RepName = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Nancy Davolio"&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;&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;DateString = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Nov 2010"&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;&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;TotalSales = 41167,&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;RepSales = 4060&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;},&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;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesData&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;{&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;RepName = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Nancy Davolio"&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;&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;DateString = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Jan 2011"&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;&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;TotalSales = 49663,&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;RepSales = 10254&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;},&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;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesData&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;{&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;RepName = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Nancy Davolio"&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;&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;DateString = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Feb 2011"&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;&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;TotalSales = 50896,&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;RepSales = 9546&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;},&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;&amp;nbsp;&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: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;SalesData&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;{&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;RepName = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Nancy Davolio"&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;&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;DateString = &lt;/code&gt;&lt;code style="color: blue;"&gt;"Mar 2011"&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;&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;TotalSales = 34714,&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;RepSales = 7332&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;},&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;};&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;p&gt;&lt;em&gt;Side-note: this is the same data as used in our online demos, in-case you&amp;rsquo;re wondering why it looks so similar.&lt;/em&gt;&lt;/p&gt; &lt;p&gt;As we can see in the code above I just have a couple of simple properties: RepName, DateString, TotalSales, and Repsales. I also have another class inside that creates a new List of SalesData via the GetCollection method. This is all very simple data, but it gives you an idea of how data can be structured. Now, in terms of our controller it&amp;rsquo;s pretty easy to set everything up since we merely have to return the result of the GetCollection method:&lt;/p&gt; &lt;p&gt; &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: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;ActionResult Server()&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;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;View(SalesDataBuilder.GetCollection());&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;p&gt;How easy was that? When we move over to the actual view itself we have some more configurations to do. Before we get started with our code let&amp;rsquo;s add an @model declaration simply saying that our Model is an IEnumerable of type SalesData.&lt;/p&gt; &lt;p&gt; &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;@model IEnumerable&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;SalesData&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;With that out of the way, the simplest way for us to get started is to do the following:&lt;/p&gt; &lt;p&gt; &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;@{Html.Telerik().Chart(Model)&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Name("TelerikChart")&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Series(series =&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;&lt;/code&gt;&lt;span style="margin-left: 18px !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;&lt;/code&gt;&lt;span style="margin-left: 30px !important;"&gt;&lt;code style="color: #000000;"&gt;series.Bar(o =&amp;gt; o.RepSales);&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;&lt;/code&gt;&lt;span style="margin-left: 18px !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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.CategoryAxis(axis =&amp;gt; axis.Categories(c =&amp;gt; c.DateString))&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Render();&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;}&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;This does a couple of things. First of all, we&amp;rsquo;re creating a Chart, giving it a name and then rendering it &amp;ndash; that&amp;rsquo;s all standard for working with our ASP.NET MVC Extensions. Of course you can use ( &amp;hellip; ) instead of { &amp;hellip; } and not include the .Render(); at the end. We have passed in our Model, which is just of the SalesData type. What makes a Chart special is of course the ability to have multiple series and taking a look at how we define the (for now) only series in our chart we see that a simple lambda expression is used and thanks to us passing the Model using &amp;ldquo;o =&amp;gt; o.&amp;rdquo; will grant is intellisense for the various properties available.&lt;/p&gt; &lt;p&gt;Some questions might be popping up here regarding the CategoryAxis property. All that I&amp;rsquo;m doing is defining that I want the DateString property to be associated with the X-axis of my chart. If I left this out the chart would still render, all items on the x-axis would just be tied with an &amp;ldquo;undefined&amp;rdquo; string, since in this case I wouldn&amp;rsquo;t have defined any labels for them.&lt;/p&gt; &lt;p&gt;When we navigate to the view which we defined all of this on we now see that we have a chart &amp;ndash; great success! Let&amp;rsquo;s take a look at the HTML we&amp;rsquo;ve generated:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/001_svg.png?sfvrsn=0" alt="Chart SVG Output" /&gt;&lt;/p&gt; &lt;p&gt;So with the few lines of code we had in our MVC view we have created an SVG chart. I&amp;rsquo;m not going to go much deeper into what all of this SVG code means, but it&amp;rsquo;s good to know what a rendered component might look like.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Ajax Binding&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;So that was server binding, what about using Ajax? Well, luckily it&amp;rsquo;s not much more complicated at all. Let&amp;rsquo;s work with the same data as we had above. In terms of the controller we have to define an ActionResult that returns Json which can look a little something like this:&lt;/p&gt; &lt;p&gt; &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: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;ActionResult Ajax()&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;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;View();&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 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: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;ActionResult _SalesData()&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;{&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: #006699; font-weight: bold;"&gt;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;Json(SalesDataBuilder.GetCollection());&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;}&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Looks essentially the same as with the above server binding approach, aside from the return Json( &amp;hellip; ) part. We&amp;rsquo;re still returning the same collection however, so the same data is there. How do we take use of this in our view? Well, we have to define Ajax binding using the following line:&lt;/p&gt; &lt;p&gt; &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;.DataBinding(databinding =&amp;gt; databinding.Ajax().Select(&lt;/code&gt;&lt;code style="color: blue;"&gt;"_SalesData"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Chart"&lt;/code&gt;&lt;code style="color: #000000;"&gt;))&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;Aside from that it&amp;rsquo;s very similar. So, what does my View look like overall?&lt;/p&gt; &lt;p&gt; &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;@{Html.Telerik().Chart&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;SalesData&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;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Name("TelerikChart")&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Series(series =&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;&lt;/code&gt;&lt;span style="margin-left: 18px !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;&lt;/code&gt;&lt;span style="margin-left: 30px !important;"&gt;&lt;code style="color: #000000;"&gt;series.Bar(s =&amp;gt; s.RepSales);&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;&lt;/code&gt;&lt;span style="margin-left: 18px !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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.CategoryAxis(axis =&amp;gt; axis.Categories(s =&amp;gt; s.DateString))&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.DataBinding(databinding =&amp;gt; databinding.Ajax().Select("_SalesData", "Chart"))&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Render();&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;p&gt;Pretty much exactly the same as my server binding scenario above. The only difference, as mention before, is the DataBinding method that we use.&lt;/p&gt; &lt;p&gt;One more thing that I wanted to mention about Ajax binding is that you can very easily pass a parameter to the function by doing the following in the DataBinding declaration:&lt;/p&gt; &lt;p&gt; &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;.DataBinding(databinding =&amp;gt; databinding.Ajax().Select(&lt;/code&gt;&lt;code style="color: blue;"&gt;"_SalesData"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: blue;"&gt;"Chart"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;new&lt;/code&gt; &lt;code style="color: #000000;"&gt;{ year = ViewBag.Year } ))&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;And then this in the controller:&lt;/p&gt; &lt;p&gt; &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: #006699; font-weight: bold;"&gt;public&lt;/code&gt; &lt;code style="color: #000000;"&gt;ActionResult _SalesData(&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;int&lt;/code&gt;&lt;code style="color: #000000;"&gt;? year)&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;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;Json(SalesDataBuilder.GetCollection(year));&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;p&gt;&lt;strong&gt;More Configuration Options&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;So now you know how to bind your data either via server or Ajax binding. These charts have been pretty simple though, what other options do you have available? The following view, which takes use of the same server binding as my first example, gives some further insights:&lt;/p&gt; &lt;p&gt; &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;@{Html.Telerik().Chart(Model)&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Name("TelerikChartTwo")&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Series(series =&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;&lt;/code&gt;&lt;span style="margin-left: 18px !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;&lt;/code&gt;&lt;span style="margin-left: 30px !important;"&gt;&lt;code style="color: #000000;"&gt;series.Bar(o =&amp;gt; o.RepSales).Labels(true).Name("Representative Sales").Gap(1);&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;&lt;/code&gt;&lt;span style="margin-left: 30px !important;"&gt;&lt;code style="color: #000000;"&gt;series.Bar(o =&amp;gt; o.TotalSales).Name("Total Sales");&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;&lt;/code&gt;&lt;span style="margin-left: 18px !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&gt;&lt;code&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.CategoryAxis(axis =&amp;gt; axis.Categories(c =&amp;gt; c.DateString))&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Title("Awesome Chart Title")&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Legend(legend =&amp;gt; legend.Visible(true).Position(ChartLegendPosition.Custom))&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;&lt;/code&gt;&lt;span style="margin-left: 18px !important;"&gt;&lt;code style="color: #000000;"&gt;.Render();&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;p&gt;Taking a look over all of this from a top-to-bottom approach we can see that the first difference is in my RepSales series. I have used the labels property (normally set to false as default) to true, which shows a label containing the value of each series item. I have also given a name to my series (using the .Name method) which can be used to, for example, define what the series will appear as in my legend (more on the legend in a second). I also have used the Gap property which represents the white space between series items, and it is set as 1.5 by default (experiment a bit with this one in your own chart by setting it to 5 to see some real difference). I also added a new series just to show some contrast :)&lt;/p&gt; &lt;p&gt;The chart extension also has the ability for you to define a title using the .Title method, which just takes a string as a parameter. Finally, I specifically defined the legend to be visible. Although it is visible by default you can set this to be hidden and also define what position it should be rendered in, which can be Top, Bottom, Left, Right or even a Custom position. The later uses an OffsetX and OffsetY to handle the layout of the legend item.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Conclusion&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;So there we go; a first look at the Telerik Chart Extension for ASP.NET MVC. You should have a good idea of how to work with this component both in server and Ajax binding modes. For more examples and insight into this new component I highly recommend taking a look at our online demos as well as our online documentation. With this first release we support the Bar, Column and Line chart types, but this list will quickly expand with each upcoming release. Below you will find a link to the sample project which contains all of the code above. Simply add /chart/server or /chart/ajax to the end of the URL when you land on the initial page. I have not included the Telerik.Web.MVC assembly for the sake of having a small download, but you can just include your own, as long as it&amp;rsquo;s Q2 2011 or later ;)&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/ChartApplication.zip?sfvrsn=0"&gt;ChartApplication&lt;/a&gt;&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-07-13/telerik-extensions-for-asp-net-mvc-getting-started-with-the-chart.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:da06a0b1-2931-4281-9fd8-e3987872f63e</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/Q50JlNL-Ca8/telerik-q2-2011-asp-net-ajax-mvc-release-272097806.aspx</link><author>Stefan.Rahnev@telerik.com</author><title>Telerik Q2 2011 ASP.NET AJAX/MVC release</title><description>&lt;p&gt;The Q2'11 Telerik Developer Tools release has finally arrived! Welcome the new components and features are integrated into our AJAX and MVC suites and announced a couple of weeks ago:    &lt;br /&gt;&lt;a href="http://blogs.telerik.com/aspnet-ajax/posts/11-06-30/telerik-ajax-q2-2011-beta-bits.aspx"&gt;AJAX Q2'11 Beta&lt;/a&gt; | &lt;a href="http://blogs.telerik.com/aspnetmvcteam/posts/11-06-29/telerik-mvc-q2-2011-beta-bits.aspx"&gt;MVC Q2'11 Beta&lt;/a&gt;&lt;/p&gt; &lt;p&gt;But wait, that is not all...there is more :) We put a few hidden gems up our sleeve to get you even more thrilled when you get your hands on the fresh downloads. Wanna know what they are? Read below to find out.    &lt;br /&gt;&lt;/p&gt; &lt;h2&gt;MVC Line Chart&lt;/h2&gt; &lt;p&gt;The brand new MVC chart introduces support for line series in addition to its...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/Q50JlNL-Ca8" height="1" width="1"/&gt;</description><pubDate>Wed, 13 Jul 2011 15:07:40 Z</pubDate><a10:content type="text">&lt;p&gt;The Q2'11 Telerik Developer Tools release has finally arrived! Welcome the new components and features are integrated into our AJAX and MVC suites and announced a couple of weeks ago:    &lt;br /&gt; &lt;a href="http://blogs.telerik.com/aspnet-ajax/posts/11-06-30/telerik-ajax-q2-2011-beta-bits.aspx"&gt;AJAX Q2'11 Beta&lt;/a&gt; | &lt;a href="http://blogs.telerik.com/aspnetmvcteam/posts/11-06-29/telerik-mvc-q2-2011-beta-bits.aspx"&gt;MVC Q2'11 Beta&lt;/a&gt;&lt;/p&gt; &lt;p&gt;But wait, that is not all...there is more :) We put a few hidden gems up our sleeve to get you even more thrilled when you get your hands on the fresh downloads. Wanna know what they are? Read below to find out.    &lt;/p&gt; &lt;h2&gt;MVC Line Chart&lt;/h2&gt; &lt;p&gt;The brand new MVC chart introduces support for line series in addition to its features commenced with the MVC Q2 2011 Beta release. Moreover, you can combine bar and line series in one chart.    &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-MVC_Chart3_2_1.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="MVC_Chart3" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-MVC_Chart3_thumb_1.png?sfvrsn=0" width="640" height="440" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&lt;a href="http://demos.telerik.com/aspnet-mvc/chart/combinationchart"&gt;See demo&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;AJAX RibbonBar Features&lt;/h2&gt; &lt;p&gt;Our AJAX RibbonBar now supports Export/Import from XML, Application Menu, Split Buttons selection and richer client API.    &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-AJAX_Ribbon_SplitButtonSelection_2_1.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="AJAX_Ribbon_SplitButtonSelection" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-AJAX_Ribbon_SplitButtonSelection_thumb_1.png?sfvrsn=0" width="597" height="480" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-ajax/ribbonbar/examples/overview/defaultcs.aspx"&gt;See demos&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;New Image Editing dialog for Telerik AJAX Editor&lt;/h2&gt; &lt;p&gt;The Telerik AJAX editor image editing dialog has been dropped in favor of the new RadImageEditor component which replaces it and supplies some handy image editing features directly in the browser.    &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-AJAX_Editor_ImageEditor_Integration_2_1.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="AJAX_Editor_ImageEditor_Integration" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-AJAX_Editor_ImageEditor_Integration_thumb_1.png?sfvrsn=0" width="640" height="229" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-ajax/editor/examples/xhtmlvalidatortrackchangesformatcodeblockdialogs/defaultcs.aspx"&gt;See demo&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;Multi-Select with CheckBoxes for Telerik AJAX Combo&lt;/h2&gt; &lt;p&gt;This long-anticipated feature which allows you to select multiple items via checkboxes has been added to the combobox with Q2'11.    &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-AJAX_Combo_MultiSelectWithCheckBoxes_2_1.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="AJAX_Combo_MultiSelectWithCheckBoxes" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-AJAX_Combo_MultiSelectWithCheckBoxes_thumb_1.png?sfvrsn=0" width="330" height="239" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/checkboxes/defaultcs.aspx"&gt;See demo&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;AJAX Password Strength Checker&lt;/h2&gt; &lt;p&gt;The AJAX TextBox and InputManager are upgraded with password strength plug-in which supplies a visual indicator reflecting the strength of the password entered by the end users.&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-AJAX_Input_PasswordStrengthChecker_2_1.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="AJAX_Input_PasswordStrengthChecker" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-AJAX_Input_PasswordStrengthChecker_thumb_1.png?sfvrsn=0" width="640" height="158" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-ajax/input/examples/common/passwordstrengthchecker/defaultcs.aspx"&gt;See demo&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;AJAX Scheduler Keyboard Navigation&lt;/h2&gt; &lt;p&gt;In addition to the PDF export announced with the Q2'11 AJAX Beta, our AJAX Scheduler is enhanced with keyboard navigation feature, especially useful when you prefer to navigate using shortcuts and augmenting the accessibility of the control.    &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-ajax/scheduler/examples/keyboardsupport/defaultcs.aspx"&gt;See demo&lt;/a&gt;&lt;/p&gt; &lt;h2&gt;Enhanced Mobile Support&lt;/h2&gt; &lt;p&gt;The AJAX ListBox and TreeView controls already have drag and drop support, while the AJAX grid has enabled column reorder and drag to group functionality in mobile browsers.    &lt;br /&gt; &lt;br /&gt; &lt;br /&gt;
You can find the release installments under your Telerik accounts and rush to the recharged online demos and documentation to feed your curiosity.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;AJAX      &lt;br /&gt; &lt;/strong&gt;&lt;a href="http://www.telerik.com/account/your-products/trial-product-versions/trial-single-download.aspx?pmvid=2514&amp;amp;pid=561"&gt;Trial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2514&amp;amp;pid=561"&gt;Paid Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/release-history/q2-2011-version-2011-2-712.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-ajax/controls/examples/default/defaultcs.aspx"&gt;Online Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-ajax/introduction.html"&gt;Documentation&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;MVC&lt;/strong&gt; &lt;br /&gt; &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2513&amp;amp;pid=697"&gt;OS Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2512&amp;amp;pid=722"&gt;Commercial Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q2-2011-version-2011-2-712-0.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-mvc/"&gt;Online Demos&lt;/a&gt;| &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Documentation&lt;/a&gt;&lt;/p&gt; &lt;p&gt; &lt;br /&gt;
Have fun with the Q2 2011 release and do not forget to let us know what you think about it!&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-07-13/telerik-q2-2011-asp-net-ajax-mvc-release-272097806.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:5ffe343a-2d8c-4064-8f0d-2df95bb8a817</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/GP8h3zy2JzM/congratulations-best-success-stories-of-asp-net-mvc-apps-announced.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>contest</category><category>MVC</category><title>Congratulations: Best Success Stories of ASP.NET MVC Apps Announced</title><description>&lt;p&gt;We are happy to announce that the contest for success stories of applications built with &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;Telerik's ASP.NET MVC Extensions &lt;/a&gt;is now over. Thanks to all who participated and shared their experience with our product!
&lt;pp&gt; &lt;/pp&gt; &lt;/p&gt; &lt;p&gt;We collected tens of success stories and enjoyed reading every single one of them. As a result, it was very hard for us to choose only three winners, and in fact, we managed to narrow them down to four. Not only did we have to rank two third-place awards, but we also decided to publish seven case studies in total! We will get in touch with all...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/GP8h3zy2JzM" height="1" width="1"/&gt;</description><pubDate>Fri, 01 Jul 2011 09:18:34 Z</pubDate><a10:content type="text">&lt;p&gt;We are happy to announce that the contest for success stories of applications built with &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;Telerik's ASP.NET MVC Extensions &lt;/a&gt;is now over. Thanks to all who participated and shared their experience with our product!
&lt;pp&gt; &lt;/pp&gt; &lt;/p&gt; &lt;p&gt;We collected tens of success stories and enjoyed reading every single one of them. As a result, it was very hard for us to choose only three winners, and in fact, we managed to narrow them down to four. Not only did we have to rank two third-place awards, but we also decided to publish seven case studies in total! We will get in touch with all of you to let you know how you can redeem your prizes and what would be the next steps in publishing your case studies.   &lt;/p&gt; &lt;p&gt;Now drum roll please&amp;hellip; Our first prize of five &lt;a href="http://www.telerik.com/download.aspx"&gt;Ultimate Collection&lt;/a&gt; licenses (software worth $10,000 in total) goes to &lt;a href="http://www.paylocity.com/"&gt;Paylocity&lt;/a&gt;, company providing payroll, human resources, tax filing, and time and labor management software solutions. Three Ultimate Collection licenses and second-place goes to &lt;a href="http://www.structurex.net/"&gt;Structure (X)&lt;/a&gt;, a systems integrator focusing on providing technical, integration and development services to the healthcare industry.  Our two third-place winners of one Ultimate Collection license each are &lt;a href="http://www.qsoft-inc.com/"&gt;QSoft&lt;/a&gt;, a company specializing in the provision of technology solutions to businesses of all sizes and sectors, and &lt;a href="http://www.vigilaris.com/"&gt;Vigilaris&lt;/a&gt;, a leading, multi-award winning company offering health and safety training.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/products/aspnet-mvc/getting-started/case-study-contest.aspx"&gt;See short previews of their stories here&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Congratulations to you all! It was pleasure reviewing your stories!&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-07-01/congratulations-best-success-stories-of-asp-net-mvc-apps-announced.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:5a3901e1-5503-4c64-b895-e68e6ae39747</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/2UHwyxT1kq4/telerik-mvc-q2-2011-beta-bits.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>MVC</category><category>MVC</category><title>Telerik MVC Q2 2011 BETA bits</title><description>&lt;p&gt;&lt;br /&gt; &lt;/p&gt; &lt;p&gt;The Q2 2011 Beta pack of &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;Telerik Extensions for ASP.NET MVC&lt;/a&gt; has just been uploaded on telerik.com! As usual, you can find the open source and commercial (paid) version in your Telerik account's &amp;gt; MVC Product Files Download section:     &lt;br /&gt; &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2424&amp;amp;pid=697"&gt;Open Source Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2442&amp;amp;pid=722"&gt;Commercial Download&lt;/a&gt;.     &lt;/p&gt; &lt;h1&gt;New component, new skins&lt;/h1&gt; &lt;p&gt;The Beta release introduces new HTML5-driven MVC charting extension which utilizes SVG/VML for vector graphic drawing. Light-weight and cross-browser component, built from scratch and in perfect harmony with the MVC design pattern paradigm, the chart supports bar/stacked bar series, Ajax binding and exposes basic client API...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/2UHwyxT1kq4" height="1" width="1"/&gt;</description><pubDate>Wed, 29 Jun 2011 15:59:59 Z</pubDate><a10:content type="text">&lt;p&gt;&lt;br /&gt; &lt;/p&gt; &lt;p&gt;The Q2 2011 Beta pack of &lt;a href="http://www.telerik.com/products/aspnet-mvc.aspx"&gt;Telerik Extensions for ASP.NET MVC&lt;/a&gt; has just been uploaded on telerik.com! As usual, you can find the open source and commercial (paid) version in your Telerik account's &amp;gt; MVC Product Files Download section:     &lt;br /&gt; &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2424&amp;amp;pid=697"&gt;Open Source Download&lt;/a&gt; | &lt;a href="http://www.telerik.com/account/your-products/product-versions/single-download.aspx?pmvid=2442&amp;amp;pid=722"&gt;Commercial Download&lt;/a&gt;.     &lt;/p&gt; &lt;h1&gt;New component, new skins&lt;/h1&gt; &lt;p&gt;The Beta release introduces new HTML5-driven MVC charting extension which utilizes SVG/VML for vector graphic drawing. Light-weight and cross-browser component, built from scratch and in perfect harmony with the MVC design pattern paradigm, the chart supports bar/stacked bar series, Ajax binding and exposes basic client API in its Beta version. It will support line series and extended client API for the official Q2 2011 drop.&lt;/p&gt; &lt;p&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Chart1_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="MVC_Chart1" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Chart1_thumb.png?sfvrsn=0" width="624" height="430" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Chart2_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="MVC_Chart2" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Chart2_thumb.png?sfvrsn=0" width="644" height="427" /&gt;&lt;/a&gt; &lt;/p&gt; &lt;p&gt;&lt;a href="http://demos.telerik.com/aspnet-mvc-beta/chart?theme=vista"&gt;See demos&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Our ultimate goal is to extend the supported set of series types and features for this new charting extension for its post- Q2 2011 versions, and here is where we will count on your feedback!&lt;/p&gt; &lt;p&gt;Besides that, we created two new skins for our MVC extensions (Office2010 Blue/Silver) and one more (Transparent) will follow for the official launch. We also provide formal support for the new major version of the FireFox browser (v5).&lt;/p&gt; &lt;h1&gt;New MVC Grid Features&lt;/h1&gt; &lt;p&gt;Following the good practice to add major features to our MVC grid which has been most voted/requested in our public &lt;a href="http://www.telerik.com/support/pits.aspx"&gt;Issue Tracker&lt;/a&gt;, we are pleased to share that this Beta makes no exception. There are four new additions that enriched the current feature set of the Telerik MVC grid:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;strong&gt;Client operation mode &lt;/strong&gt;- This new mode allows operations like sorting, paging, filtering or grouping to be performed purely on the client, by making a single initial call to the server to retrieve all data.       &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Grid_ClientBindingMode_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="MVC_Grid_ClientBindingMode" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Grid_ClientBindingMode_thumb.png?sfvrsn=0" width="644" height="436" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-mvc-beta/grid/operationmode"&gt;See demo&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;strong&gt;Keyboard navigation&lt;/strong&gt; - Useful feature that allows the end user to navigate between the grid rows, cells, or pages, select rows or edit data using solely the keys from the keyboard. What is more, it enhances the accessibility of the control.       &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Grid_Keyboard_Navigation_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="MVC_Grid_Keyboard_Navigation" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Grid_Keyboard_Navigation_thumb.png?sfvrsn=0" width="644" height="342" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-mvc-beta/grid/keyboardnavigation"&gt;See demo&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;strong&gt;Yahoo-style paging&lt;/strong&gt; - Cumulative virtual scrolling that gives the ability to load more items in the grid on demand using its vertical scrollbar.       &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Grid_VirtualScrolling_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="MVC_Grid_VirtualScrolling" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Grid_VirtualScrolling_thumb.png?sfvrsn=0" width="644" height="198" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-mvc-beta/grid/pageonscroll"&gt;See demo&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;strong&gt;Global row template &lt;/strong&gt;- Now you can define the structure of the grid rows in a completely custom manner using template mechanism. Thus you can tailor the look and feel of the rows in par with your own preferences, scrapping completely the predefined table row/cell model. The feature is supported both with server and client templates.       &lt;br /&gt; &lt;br /&gt; &lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Grid_RowTemlate_2.png?sfvrsn=0"&gt;&lt;img style="border-width: 0px; border-style: solid;" alt="MVC_Grid_RowTemlate" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-TelerikMVCQ22011BETAbits_10336-MVC_Grid_RowTemlate_thumb.png?sfvrsn=0" width="644" height="397" /&gt;&lt;/a&gt; &lt;br /&gt; &lt;br /&gt; &lt;a href="http://demos.telerik.com/aspnet-mvc-beta/grid/clientrowtemplate"&gt;See demo&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;The MVC Q2 2011 Beta online demos and documentation are available at your disposal: &lt;a href="http://demos.telerik.com/aspnet-mvc-beta"&gt;Live Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Documentation&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Full release notes list can be found here: &lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q2-2011-beta-version-2011-2-629.aspx"&gt;MVC Q2 2011 Beta Release Notes&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;p&gt;As always, we value your feedback, so keep it coming in the &lt;a href="http://www.telerik.com/community/forums/aspnet-mvc/beta.aspx"&gt;MVC Beta forum&lt;/a&gt;! There are a couple of weeks until Q2 2011, and we will be happy to hear your comments in advance on what we will be delivering for you in the upcoming major MVC release. &lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-06-29/telerik-mvc-q2-2011-beta-bits.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:9d94897a-41b8-4257-982b-bc3e8e463767</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/zZCB5_Qm-zc/telerik-asp-net-mvc-extensions-upload-deep-dive.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>MVC</category><category>upload</category><category>MVC3</category><category>MVC</category><title>Telerik ASP.NET MVC Extensions: Upload Deep Dive</title><description>Recently there have been quite a few questions popping up around our ASP.NET MVC upload component, specifically when working with it in synchronous mode. Although this variation of uploading files is not really too complex when compared to its asynchronous counter-part, I believe some of the confusion stems from the MVC syntax that is used in our &lt;a href="http://demos.telerik.com/aspnet-mvc/upload/syncupload" title="online demo"&gt;online demo&lt;/a&gt;. My goal with this blog post is to provide a bit more clarity to what exactly is happening in this demo, mostly taking a look at the MVC syntax.&lt;br /&gt;
Before we get started, open up our Synchronous Upload demo in your favorite...&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/zZCB5_Qm-zc" height="1" width="1"/&gt;</description><pubDate>Thu, 05 May 2011 13:00:00 Z</pubDate><a10:content type="text">Recently there have been quite a few questions popping up around our ASP.NET MVC upload component, specifically when working with it in synchronous mode. Although this variation of uploading files is not really too complex when compared to its asynchronous counter-part, I believe some of the confusion stems from the MVC syntax that is used in our &lt;a href="http://demos.telerik.com/aspnet-mvc/upload/syncupload" title="online demo"&gt;online demo&lt;/a&gt;. My goal with this blog post is to provide a bit more clarity to what exactly is happening in this demo, mostly taking a look at the MVC syntax.&lt;br /&gt;
Before we get started, open up our Synchronous Upload demo in your favorite browser. We have two versions of this demo, one using the &lt;a href="http://demos.telerik.com/aspnet-mvc/upload/syncupload" title="WebForms view engine"&gt;WebForms view engine&lt;/a&gt; &lt;p&gt; and the other using &lt;a href="http://demos.telerik.com/aspnet-mvc/razor/upload/syncupload" title="Razor"&gt;Razor&lt;/a&gt;. For any of my code samples in this blog post I will be using the later.&lt;/p&gt; &lt;p&gt;The first thing we will take a look at is what I think is the source of most of the confusion: the &lt;a href="http://msdn.microsoft.com/en-us/library/system.web.mvc.html.formextensions.beginform.aspx" title="Html.Beginform() method"&gt;Html.Beginform() method&lt;/a&gt;. Let&amp;rsquo;s dissect this a bit further:&lt;/p&gt; &lt;p&gt;&lt;br /&gt; &lt;/p&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;Html.BeginForm("ProcessSubmit", "Upload", FormMethod.Post, new { id = "uploadForm", enctype = "multipart/form-data" })&lt;/code&gt;&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;p&gt;&lt;br /&gt; &lt;/p&gt; &lt;p&gt;What kind of HTML does this generate? Placing this in a regular view, loading the page and then viewing the source of the page we see the following:&lt;/p&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;form&lt;/code&gt; &lt;code style="color: #808080;"&gt;action&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"/Upload/ProcessSubmit"&lt;/code&gt; &lt;code style="color: #808080;"&gt;enctype&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"multipart/form-data"&lt;/code&gt; &lt;code style="color: #808080;"&gt;id&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"uploadForm"&lt;/code&gt; &lt;code style="color: #808080;"&gt;method&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"post"&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;form&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;
This HTML snippet alone gives us a lot of clues of what BeginForm, and our particular statement, does. The most obvious is that we now have a form tag on our page. Now the first two parameters to the method call are &amp;ldquo;ProcessSubmit&amp;rdquo; and &amp;ldquo;Upload&amp;rdquo;. These can be seen in the action property and it becomes clear that the &amp;ldquo;ProcessSubmit&amp;rdquo; is the name of our ActionResult and Upload is our controller name (hence /Upload/ProcessSubmit). This tag also has a method property which is defined to be post, allowing us to get back to our controller, which comes from the &amp;ldquo;FormMethod.Post&amp;rdquo; parameter. Lastly, we have our htmlAttributes object in which we define an ID for our form, as well as set up the enctype. This last property is important as this is what allows us to work with files within this form. For more information about what &amp;ldquo;multipart/form-data&amp;rdquo; actually means, please refer to &lt;a href="http://www.w3.org/TR/html401/interact/forms.html#h-17.13.4.2" title="this link"&gt;this link.&lt;/a&gt; &lt;div&gt;Within this form tag we include our Telerik Upload component, as well as a few inputs which allow us to either start the upload, or reset the view (removing all of the files that are about to be uploaded). So with all of this in our BeginForm call we get the following HTML:&lt;/div&gt; &lt;div&gt; &lt;p&gt;&lt;br /&gt; &lt;/p&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;form&lt;/code&gt; &lt;code style="color: #808080;"&gt;action&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"/Upload/ProcessSubmit"&lt;/code&gt; &lt;code style="color: #808080;"&gt;enctype&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"multipart/form-data"&lt;/code&gt; &lt;code style="color: #808080;"&gt;id&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"uploadForm"&lt;/code&gt; &lt;code style="color: #808080;"&gt;method&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"post"&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;div&lt;/code&gt; &lt;code style="color: #808080;"&gt;class&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"t-widget t-upload"&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;div&lt;/code&gt; &lt;code style="color: #808080;"&gt;class&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"t-button t-upload-button"&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;span&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;Select...&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;span&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;input&lt;/code&gt; &lt;code style="color: #808080;"&gt;id&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"attachments"&lt;/code&gt; &lt;code style="color: #808080;"&gt;name&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"attachments"&lt;/code&gt; &lt;code style="color: #808080;"&gt;type&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"file"&lt;/code&gt; &lt;code style="color: #000000;"&gt;/&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;div&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;div&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt; &amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;p&lt;/code&gt; &lt;code style="color: #808080;"&gt;class&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"note"&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;Maximum combined file size: 10 MB&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;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;p&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;div&lt;/code&gt; &lt;code style="color: #808080;"&gt;style&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"margin: 20px 0 0 0;"&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;&lt;code style="color: #000000;"&gt;&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;input&lt;/code&gt; &lt;code style="color: #808080;"&gt;type&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"submit"&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;"Send"&lt;/code&gt; &lt;code style="color: #808080;"&gt;class&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"t-button"&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;input&lt;/code&gt; &lt;code style="color: #808080;"&gt;type&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"reset"&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;"Reset"&lt;/code&gt; &lt;code style="color: #808080;"&gt;class&lt;/code&gt;&lt;code style="color: #000000;"&gt;=&lt;/code&gt;&lt;code style="color: blue;"&gt;"t-button"&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;&lt;code style="color: #000000;"&gt;&amp;lt;/&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;div&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;form&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;br /&gt; &lt;/p&gt;
Now we can take a look at what happens on the controller side of things. ProcessSubmit is the ActionResult we are interested in here, so let&amp;rsquo;s see what it does:&lt;/div&gt; &lt;p&gt; &lt;/p&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;[HttpPost]&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;ActionResult ProcessSubmit(IEnumerable&amp;lt;HttpPostedFileBase&amp;gt; attachments)&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;{&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: #006699; font-weight: bold;"&gt;if&lt;/code&gt; &lt;code style="color: #000000;"&gt;(attachments != &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;null&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&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;TempData[&lt;/code&gt;&lt;code style="color: blue;"&gt;"UploadedAttachments"&lt;/code&gt;&lt;code style="color: #000000;"&gt;] = GetFileInfo(attachments);&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;return&lt;/code&gt; &lt;code style="color: #000000;"&gt;RedirectToAction(&lt;/code&gt;&lt;code style="color: blue;"&gt;"SyncUploadResult"&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 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: #006699; font-weight: bold;"&gt;private&lt;/code&gt; &lt;code style="color: #000000;"&gt;IEnumerable&amp;lt;&lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;string&lt;/code&gt;&lt;code style="color: #000000;"&gt;&amp;gt; GetFileInfo(IEnumerable&amp;lt;HttpPostedFileBase&amp;gt; attachments)&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;{&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: #006699; font-weight: bold;"&gt;return&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;from a &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;in&lt;/code&gt; &lt;code style="color: #000000;"&gt;attachments&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;where a != &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;null&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;select &lt;/code&gt;&lt;code style="color: #006699; font-weight: bold;"&gt;string&lt;/code&gt;&lt;code style="color: #000000;"&gt;.Format(&lt;/code&gt;&lt;code style="color: blue;"&gt;"{0} ({1} bytes)"&lt;/code&gt;&lt;code style="color: #000000;"&gt;, Path.GetFileName(a.FileName), a.ContentLength);&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;p&gt;&lt;br /&gt; &lt;/p&gt; &lt;p&gt;First we see that it is decorated with the [HttpPost] attribute, which goes along with our FormMethod that we set up. The next thing that sticks out is the parameters that it accepts. Here we see an IEnumerable of the &lt;a href="http://msdn.microsoft.com/en-us/library/system.web.httppostedfilebase.aspx" title="HttpPostedFileBase type"&gt;HttpPostedFileBase type&lt;/a&gt; which allows us to grab information such as FileName, ContentType and ContentLength from our uploaded files. What might seem familiar to you is the name of the variable being passed (don&amp;rsquo;t worry if it&amp;rsquo;s not) which is actually the same as what we named our Upload component. This is actually a necessity in order to get all of the uploaded files into this function. Via this variable we can now get any information that we might need from our files, which is what the GetFileInfo function takes care of. This simply returns a string with the file name and size of our files.&lt;/p&gt; &lt;p&gt;Our demo saves this to TempData and then redirects to another view (SyncUploadResult). This view simply just displays all of the information we just added to TempData, so this isn&amp;rsquo;t far too interesting. So this means that the function you want to do all of your saving in is &amp;ldquo;ProcessSubmit&amp;rdquo; (or in your case, the actionName you specified in the BeginForm method).&lt;/p&gt; &lt;p&gt;That should take care of demystifying what is happening in our Synchronous Upload demo! As a side-effect you also walked away with some more knowledge regarding MVC, how awesome is that?&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-05-05/telerik-asp-net-mvc-extensions-upload-deep-dive.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:21f0ed7c-767c-4aa2-85af-b0b772031ee1</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/8RDBUj2hDBg/telerik-extensions-for-asp-net-mvc-in-azure-part-2-deploying-your-application.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>Azure</category><category>MVC</category><category>Cloud</category><category>MVC3</category><category>MVC</category><title>Telerik Extensions for ASP.NET MVC in Azure – Part 2, Deploying your Application</title><description>&lt;p&gt;In &lt;a href="http://blogs.telerik.com/carlbergenhem/posts/11-04-14/telerik_extensions_for_asp_net_mvc_in_azure_part_1_building_your_application.aspx" title="Part 1"&gt;Part 1&lt;/a&gt; of this series we covered how you can create an MVC (both MVC 2 and MVC 3) web application that is ready to be published to the cloud. Of course we also went through how you can make this application a Telerik application, taking use of our Visual Studio Extensions. What the application actually does is up to you of course, but now that you’ve finished developing everything you want to take it to the next level; you want to deploy!&lt;/p&gt; &lt;p&gt;&lt;em&gt;&lt;span style="font-weight: bold; font-size: 19px;"&gt;Launching to the cloud&lt;/span&gt;&lt;/em&gt;&lt;/p&gt; &lt;p&gt;So your project is ready to rock and you’re eager to brag to everyone that...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/8RDBUj2hDBg" height="1" width="1"/&gt;</description><pubDate>Fri, 15 Apr 2011 14:43:00 Z</pubDate><a10:content type="text">&lt;p&gt;In &lt;a href="http://blogs.telerik.com/carlbergenhem/posts/11-04-14/telerik_extensions_for_asp_net_mvc_in_azure_part_1_building_your_application.aspx" title="Part 1"&gt;Part 1&lt;/a&gt; of this series we covered how you can create an MVC (both MVC 2 and MVC 3) web application that is ready to be published to the cloud. Of course we also went through how you can make this application a Telerik application, taking use of our Visual Studio Extensions. What the application actually does is up to you of course, but now that you&amp;rsquo;ve finished developing everything you want to take it to the next level; you want to deploy!&lt;/p&gt; &lt;p&gt;&lt;em&gt;&lt;span style="font-weight: bold; font-size: 19px;"&gt;Launching to the cloud&lt;/span&gt;&lt;/em&gt;&lt;/p&gt; &lt;p&gt;So your project is ready to rock and you&amp;rsquo;re eager to brag to everyone that you have an application hosted in the cloud. To get started all you have to do is &lt;strong&gt;right-click&lt;/strong&gt; on your Azure project (&lt;em&gt;not &lt;/em&gt;the MVC application) and select &lt;strong&gt;Publish&lt;/strong&gt;. A little dialogue will pop up that allows you to either directly deploy to Azure, by providing all of your credentials for your Azure account, or you can go the route of creating a Service Package (a file created on your machine which you can upload at a later time). For this particular post I decided to go the route of creating a service package:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/001_deploy_project.png?sfvrsn=0" alt="Azure Deployment" /&gt;&lt;/p&gt; &lt;p&gt;This will go ahead and create two files ServiceConfiguration.cscfg and [NameOfYourAzureProject].cspkg. An instance of Windows Explorer should pop up as well, with the folder that contains these files already being open. This actually completes the publishing step so the next thing to do is log into &lt;a href="https://windows.azure.com/" title="Windows Azure Login"&gt;Windows Azure&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;Once you are logged in, go ahead and click on the New Hosted Service icon (should be in the upper left hand corner)&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/002_azure_new_hosted_service.png?sfvrsn=0" alt="New Hosted Service" /&gt;&lt;/p&gt; &lt;p&gt;We are then brought to the Hosted Service form. Here you are required to enter various pieces of information pertaining to your project. All of these are required to fill out, and it&amp;rsquo;s up to you what settings you think will fit best. I tend to pick the North Central US region, since that&amp;rsquo;s the closest to where I&amp;rsquo;m located, but that really should not be the deciding&amp;nbsp;factor. This will most likely be influenced by where the majority of your users will be located. Since we went the route of using a service package it is important is that you browse to the package file and configuration file locations locally. If you've followed this blog post so far you shouldn't have closed the Windows Explorer window that was opened during publishing, so go ahead and grab the path to this folder and navigate to it (easiest just to copy and paste the path) through the &lt;strong&gt;Browse Locally...&lt;/strong&gt; dialogue.&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/003_new_hosted_service_form.png?sfvrsn=0" alt="Hosted Service Form" /&gt;&lt;/p&gt; &lt;p&gt;The next step is really just to wait everything out. The deployment process entails quite a bit of waiting, but Azure will take care of all of the necessary steps to ensure that our application will live happily in the cloud. Here are some snap shots of the uploading and creation process:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/004_creating.png?sfvrsn=0" alt="Creating" /&gt;&lt;/p&gt; &lt;p&gt;&lt;em&gt;Initial Creation&lt;/em&gt;&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/005_initializing.png?sfvrsn=0" alt="Initializing" /&gt;&lt;/p&gt; &lt;p&gt;&lt;em&gt;Initializing (aka, setting everything up)&lt;/em&gt;&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/006_ready.png?sfvrsn=0" alt="Ready" /&gt;&lt;/p&gt; &lt;p&gt;&lt;em&gt;Completed!&lt;/em&gt;&lt;/p&gt; &lt;p&gt;That least screen shot is what we&amp;rsquo;re looking for &amp;ndash; nice green text that says &amp;ldquo;Ready&amp;rdquo;. Once we have reached this stage your application is now officially on Azure! The process took about ten minutes for me, but could be a longer (or shorter) wait. I originally thought that project size was the culprit, but I&amp;rsquo;ve had larger projects deploy in less time than smaller projects. So just be patient, and your application will eventually be deployed! :D&lt;/p&gt; &lt;p&gt;So there we have it, we have now created an ASP.NET MVC (either MVC 2 or MVC 3) application that has been deployed to the cloud. On top of it all we included the Telerik Extensions for ASP.NET MVC so our application can take use of the awesome components that come with that product! That's really all there is to it! What are you waiting for? Go ahead and create amazing cloud applications using ASP.NET MVC and the Telerik Extensions for ASP.NET MVC! :)&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-04-15/telerik-extensions-for-asp-net-mvc-in-azure-part-2-deploying-your-application.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:fe60d129-178c-4287-ba97-12bca61bf4c5</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/BI8GjZnSVbo/telerik-extensions-for-asp-net-mvc-in-azure-part-1-building-your-application.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>Azure</category><category>Cloud</category><category>MVC3</category><category>MVC</category><title>Telerik Extensions for ASP.NET MVC in Azure – Part 1, Building your Application</title><description>&lt;p&gt;As some of you are (hopefully) aware of, our RadControls for ASP.NET AJAX work flawlessly on &lt;a href="http://www.microsoft.com/windowsazure/" title="Windows Azure"&gt;Windows Azure&lt;/a&gt;. We actually have a short blog series available here on our blogs that go through the necessary steps for creating an application (&lt;a href="http://blogs.telerik.com/toddanglin/posts/09-04-13/radcontrols_for_asp_net_ajax_on_azure_part_1.aspx" title="Part 1"&gt;Part 1&lt;/a&gt;) and later deploying it (&lt;a href="http://blogs.telerik.com/toddanglin/posts/09-04-17/deploying_radcontrols_to_azure.aspx" title="Part 2"&gt;Part 2&lt;/a&gt;) to Windows Azure. However, do our ASP.NET MVC components work on this platform? The answer is: yes! (Note the usage of ‘!’, that’s how exciting it is!). The best thing is that the process is no more complicated than what you have to do for our RadControls for ASP.NET AJAX.&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: bold; font-size: 19px;"&gt;&lt;em&gt;Note&lt;/em&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;Since most of...&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/BI8GjZnSVbo" height="1" width="1"/&gt;</description><pubDate>Thu, 14 Apr 2011 15:15:00 Z</pubDate><a10:content type="text">&lt;p&gt;As some of you are (hopefully) aware of, our RadControls for ASP.NET AJAX work flawlessly on &lt;a href="http://www.microsoft.com/windowsazure/" title="Windows Azure"&gt;Windows Azure&lt;/a&gt;. We actually have a short blog series available here on our blogs that go through the necessary steps for creating an application (&lt;a href="http://blogs.telerik.com/toddanglin/posts/09-04-13/radcontrols_for_asp_net_ajax_on_azure_part_1.aspx" title="Part 1"&gt;Part 1&lt;/a&gt;) and later deploying it (&lt;a href="http://blogs.telerik.com/toddanglin/posts/09-04-17/deploying_radcontrols_to_azure.aspx" title="Part 2"&gt;Part 2&lt;/a&gt;) to Windows Azure. However, do our ASP.NET MVC components work on this platform? The answer is: yes! (Note the usage of &amp;lsquo;!&amp;rsquo;, that&amp;rsquo;s how exciting it is!). The best thing is that the process is no more complicated than what you have to do for our RadControls for ASP.NET AJAX.&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: bold; font-size: 19px;"&gt;&lt;em&gt;Note&lt;/em&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;Since most of you are most likely here since you already know what Azure is, I won&amp;rsquo;t go into detail of what Azure is or why you might be interested in picking it up. For more information on that I recommend that you click on the link I posted above to the main Windows Azure page.&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: bold; font-size: 19px;"&gt;&lt;em&gt;How much work is involved with the Telerik Extensions?&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;The great thing about our MVC Extensions is that you do not need to do&amp;nbsp;&lt;em&gt;&lt;strong&gt;any &lt;/strong&gt;&lt;/em&gt;extra work what so ever. If you are already familiar with deploying MVC applications to the cloud then having the Telerik Extensions for ASP.NET MVC added to the project will not add any extra steps. We&amp;rsquo;re essentially as &amp;ldquo;cloud ready&amp;rdquo; (as some like to call it) as it gets!&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: bold; font-size: 19px;"&gt;&lt;em&gt;I&amp;rsquo;m ready to soar with the clouds &amp;ndash; take me away!&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;First of all, you need to go ahead and snag the Azure SDK and Visual Studio Tools. The easiest way is via the&lt;a href="http://www.microsoft.com/web/downloads/platform.aspx" title="Web Platform Installer"&gt;Web Platform Installer&lt;/a&gt;:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/001_web_platform_installer.png?sfvrsn=0" alt="Web Platform Installer" /&gt;&lt;/p&gt; &lt;p&gt;With these tools installed you are officially ready to start working in the cloud.&lt;/p&gt; &lt;p&gt;&lt;em&gt;Note: I just want to mention that as of now (April, 2011), out-of-the-box, the only Web Role for ASP.NET MVC is for MVC 2. There is a bit of a trick for getting MVC 3 in there though, which I&amp;rsquo;ll explain after the MVC 2 approach, and I will be using the MVC 3 with Razor for any code samples.&lt;/em&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-size: 15px;"&gt;&lt;em&gt;&lt;strong&gt;MVC 2&lt;/strong&gt;&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;Once these are installed we just open Visual Studio, go to &lt;strong&gt;File &amp;gt; New Project&lt;/strong&gt;.  In the Installed Templates list, under your favorite .NET language (C# or VB.NET) there will be a &lt;strong&gt;Cloud &lt;/strong&gt;option which should contain a single item &amp;ndash; &lt;strong&gt;Windows Azure Project&lt;/strong&gt;. The next screen will contain a list of available Web Roles. Since we&amp;rsquo;re interested in MVC we&amp;rsquo;ll go ahead and double click on that (keeping the name as-is. Very unoriginal, I know) and then just hit OK.&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/002_mvc2_webrole.png?sfvrsn=0" alt="MVC 2 Web Role" /&gt;&lt;/p&gt; &lt;p&gt;This will create not only the Azure part of our project, but also the MVC 2 application.&lt;/p&gt; &lt;p&gt;&lt;span style="font-size: 15px;"&gt;&lt;em&gt;&lt;strong&gt;MVC 3&lt;/strong&gt;&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;MVC 3 is just a little bit trickier to get up and running. Nothing too bad, just a few extra steps. First of all, we want to create a blank new MVC 3 application. In case you forgot, it&amp;rsquo;s &lt;strong&gt;File &amp;gt; New Project&lt;/strong&gt;. Then under Web you have &lt;strong&gt;ASP.NET MVC 3 Web Application&lt;/strong&gt; ;). Select your favorite Template (Could be Telerik MVC Web Application), but for mine I&amp;rsquo;m selecting &lt;strong&gt;Internet Application&lt;/strong&gt; with the Razor View Engine.&lt;/p&gt; &lt;p&gt;Once the project loads you want to again go to &lt;strong&gt;File &amp;gt; New Project&lt;/strong&gt;. Navigate to the &lt;strong&gt;Cloud&lt;/strong&gt; option, and select &lt;strong&gt;Windows Azure Project&lt;/strong&gt;.&lt;/p&gt; &lt;p&gt;&lt;em&gt;Important: Make sure that under the Solution option you have selected &amp;ldquo;Add to Solution&amp;rdquo;. This is needed to ensure you have the required setup with your solution. Keep the Web Roles options blank on the next step and just hit OK.&lt;/em&gt;&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/004_mvc3_web_roles.png?sfvrsn=0" alt="MVC 3 Web Role" /&gt;&lt;/p&gt; &lt;p&gt;Now in order to get the role added to our Azure Project you will have to right-click on the Roles folder, go to &lt;strong&gt;Add &amp;gt; Web Role Project in Solution...&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/005_adding_role.png?sfvrsn=0" alt="Adding the Web Role" /&gt;&lt;/p&gt; &lt;p&gt;Your MVC 3 application should show up, just select it and hit OK.&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/006_roles_in_project.png?sfvrsn=0" alt="Adding our Project" /&gt;&lt;/p&gt; &lt;p&gt;Now you have successfully added your MVC application as a Web Role. However, there is one additional step that you need to take. Azure does not have the necessary assemblies for MVC 3, so you need to make sure that you are including all of the required assemblies when you deploy. This is more commonly referred to as Bin Deployment. This type of deployment simply ensures that all of the assemblies that you need are included locally in the Bin folder. The assemblies that are needed are:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;strong&gt;Microsoft.Web.Infrastructure&lt;/strong&gt;&lt;/li&gt; &lt;li&gt;System.Web.Helpers&lt;/li&gt; &lt;li&gt;System.Web.MVC&lt;/li&gt; &lt;li&gt;&lt;strong&gt;System.Web.Razor&lt;/strong&gt;&lt;/li&gt; &lt;li&gt;System.Web.WebPages&lt;/li&gt; &lt;li&gt;&lt;strong&gt;System.Web.WebPages.Deployment&lt;/strong&gt;&lt;/li&gt; &lt;li&gt;&lt;strong&gt;System.Web.WebPages.Razor&lt;/strong&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;The ones highlighted in bold are the ones I had to add to my project, the others were already included. Just make sure all of them are there. Now select all of the ones above, right-click and go to properties. What we want to do is set the &lt;strong&gt;Copy Local&lt;/strong&gt; property to true.&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/007_copy_local.png?sfvrsn=0" alt="Copy Local" /&gt;&lt;/p&gt; &lt;p&gt;Once all of the above has been taken care of you now have a MVC 3 project that is Azure ready!&lt;/p&gt; &lt;h3&gt;&lt;em&gt;We have liftoff...well almost...&lt;/em&gt;&lt;/h3&gt; &lt;p&gt;At this point no matter if you took the MVC 2 or MVC 3 approach you have a vanilla MVC application that can be deployed to the cloud. However, what about the Telerik Extensions for ASP.NET MVC? You might think there is a slight nightmare when using our MVC extensions in your project (especially coming from the MVC 3 route) but believe me, it&amp;rsquo;s pretty simple thanks to the Telerik Extensions for ASP.NET MVC. These get installed into Visual Studio through our automatic installer, so if you have our product installed you will most likely have this as well :)&lt;/p&gt; &lt;p&gt;Just right-click on your MVC project and go to &lt;strong&gt;Telerik MVC UI Extensions &amp;gt; Convert to Telerik MVC Application.&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/008_VSX.png?sfvrsn=0" alt="Telerik Visual Studio Extensions" /&gt;&lt;/p&gt; &lt;p&gt;This will bring up our Project Configuration Wizard. There are only two steps in this wizard, and most of the options are pretty self-explanatory but the most important part is which version of the MVC Extensions you decide to use, which is found on the first page. I&amp;rsquo;m simply going with the Q1 2011 release of our components, but you are more than free to use whichever version you currently have installed. Once you have clicked Finish on the next wizard page, the necessary assemblies and content will be added to our project and we are now ready to roll with the Telerik Extensions for ASP.NET MVC! This should happen by default, but just do a quick check (applies to both MVC 2 and MVC 3) that the Telerik.Web.MVC assembly has its Copy Local property set to True.&lt;/p&gt; &lt;p&gt;As a final check, just build your solution to make sure that there are no errors ;)&lt;/p&gt; &lt;p&gt;Now you are free to develop whatever kind of application that you might want to have hosted in Azure! I, just as an example, created a quick TreeView using the following code:&lt;/p&gt; &lt;p&gt;&lt;img src="http://blogs.telerik.com/docs/default-source/carl-bergenhems-library/009_code.png?sfvrsn=0" alt="MVC 3 Code" /&gt;&lt;/p&gt; &lt;p&gt;Any time you want to run this project locally you do not have to do anything special. When you press F5 all of the necessary steps are taken to simulate the cloud environment on your machine, and the app will behave just like it will in Azure (just without having to deploy every time &amp;ndash; pretty neat, eh?).&lt;/p&gt; &lt;p&gt;That is all for the first part of this mini-series. The next part will cover how to bring your lovely application from your local machine over to Azure, or as it&amp;rsquo;s usually called: deployment. Stay tuned!&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-04-14/telerik-extensions-for-asp-net-mvc-in-azure-part-1-building-your-application.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:2dae9eed-c92b-4a1d-acff-9a60bd57c605</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/AvdcKort-vE/first-telerik-ajax-and-mvc-q1-2011-service-packs-2122700021.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>MVC</category><title>First Telerik AJAX and MVC Q1 2011 service packs</title><description>&lt;table width="600" cellspacing="0" cellpadding="0" border="0"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" style="width: 500px;border-width: 0px;"&gt;A month after the &lt;a href="http://blogs.telerik.com/stefanrahnev/posts/11-03-16/telerik_ajax_and_mvc_q1_2011_official_releases.aspx"&gt;official Q1 2011 release&lt;/a&gt; of our AJAX and MVC components, I would like to announce the immediate availability of the first maintenance packs for both product bundles and appoint the most important bullets in them. See the next two paragraphs for details:&lt;/td&gt; &lt;td valign="top" style="width: 100px;border-width: 0px;"&gt;&lt;a sfref="[documents]36856174-d611-4d2d-9aec-04d8706c8449" href="/docs/default-source/metabloglib/WindowsLiveWriter-FirstTelerikAJAXandMVCQ12011servicepacks_D26B-ServicePack_image_2.jpg?sfvrsn=0"&gt;&lt;img width="106" height="106" sfref="[documents]4a674357-87fe-471e-a415-a8a7d4fb32a7" src="/docs/default-source/metabloglib/WindowsLiveWriter-FirstTelerikAJAXandMVCQ12011servicepacks_D26B-ServicePack_image_thumb.jpg?sfvrsn=0" alt="ServicePack_image" style="border:0px none;" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;&lt;span style="font-size: 18px;"&gt;AJAX Q1 2011 SP1&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/release-history/q1-2011-sp1-version-2011-1-413.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-ajax/controls/examples/default/defaultcs.aspx"&gt;Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-ajax/introduction.html"&gt;Documentation&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Highlights&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Updated the internally used jQuery to 1.5.2 &lt;/li&gt; &lt;li&gt;Addressed reported IE 9 issues for all components &lt;/li&gt; &lt;li&gt;Grid - Updated the grid's visual designer to provide support for grouping and client settings; Support for default font setting when exporting RadGrid to PDF &lt;/li&gt; &lt;li&gt;RibbonBar - Added RadRibbonBar&amp;gt;RibbonBarMenuItem&amp;gt;NavigateUrl property &lt;/li&gt; &lt;li&gt;SiteMap - All SiteMap nodes...&lt;/li&gt;&lt;/ul&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/AvdcKort-vE" height="1" width="1"/&gt;</description><pubDate>Thu, 14 Apr 2011 09:12:00 Z</pubDate><a10:content type="text">&lt;table width="600" cellspacing="0" cellpadding="0" border="0"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" style="width: 500px; border-width: 0px;"&gt;A month after the &lt;a href="http://blogs.telerik.com/stefanrahnev/posts/11-03-16/telerik_ajax_and_mvc_q1_2011_official_releases.aspx"&gt;official Q1 2011 release&lt;/a&gt; of our AJAX and MVC components, I would like to announce the immediate availability of the first maintenance packs for both product bundles and appoint the most important bullets in them. See the next two paragraphs for details:&lt;/td&gt; &lt;td valign="top" style="width: 100px; border-width: 0px;"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-FirstTelerikAJAXandMVCQ12011servicepacks_D26B-ServicePack_image_2.jpg?sfvrsn=0"&gt;&lt;img width="106" height="106" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-FirstTelerikAJAXandMVCQ12011servicepacks_D26B-ServicePack_image_thumb.jpg?sfvrsn=0" alt="ServicePack_image" style="border: 0px none;" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;&lt;span style="font-size: 18px;"&gt;AJAX Q1 2011 SP1&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/products/aspnet-ajax/whats-new/release-history/q1-2011-sp1-version-2011-1-413.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-ajax/controls/examples/default/defaultcs.aspx"&gt;Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-ajax/introduction.html"&gt;Documentation&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Highlights&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Updated the internally used jQuery to 1.5.2 &lt;/li&gt; &lt;li&gt;Addressed reported IE 9 issues for all components &lt;/li&gt; &lt;li&gt;Grid - Updated the grid's visual designer to provide support for grouping and client settings; Support for default font setting when exporting RadGrid to PDF &lt;/li&gt; &lt;li&gt;RibbonBar - Added RadRibbonBar&amp;gt;RibbonBarMenuItem&amp;gt;NavigateUrl property &lt;/li&gt; &lt;li&gt;SiteMap - All SiteMap nodes are disabled when the Enabled property of RadSiteMap is set to false &lt;/li&gt; &lt;li&gt;TabStrip - Improved scrollIntoView() RadTab client method &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;span style="font-size: 18px;"&gt;MVC Q1 2011 SP1 (Commercial pack only)&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.telerik.com/products/aspnet-mvc/whats-new/release-history/q1-2011-sp1-version-2011-1-414.aspx"&gt;Release Notes&lt;/a&gt; | &lt;a href="http://demos.telerik.com/aspnet-mvc/"&gt;Demos&lt;/a&gt; | &lt;a href="http://www.telerik.com/help/aspnet-mvc/introduction.html"&gt;Documentation&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Highlights&lt;/p&gt; &lt;ul&gt; &lt;li&gt;jQuery validate plugin upgraded to version 1.8 due to compatibility issues with jQuery 1.5.1 &lt;/li&gt; &lt;li&gt;Addressed reported IE 9 issues for all components &lt;/li&gt; &lt;li&gt;Added scrollable option for the Window extension's open client method &lt;/li&gt; &lt;li&gt;Fix: Project Wizard copies the WebForms editor templates in Razor projects &lt;/li&gt; &lt;li&gt;Fix: Wrong jQuery registration in the Master Page (Layout Page) &lt;/li&gt; &lt;li&gt;A bunch of Grid extension fixes &lt;/li&gt; &lt;/ul&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-04-14/first-telerik-ajax-and-mvc-q1-2011-service-packs-2122700021.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:9209f886-828b-4211-bf19-c4e096a99353</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/irFdDafj7f8/q2-2011-telerik-ajax-and-mvc-roadmaps-3565337284.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>MVC</category><title>Q2 2011 Telerik AJAX and MVC Roadmaps</title><description>&lt;table width="600" cellspacing="0" cellpadding="0" border="0"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" style="width: 450px;border-width: 0px;"&gt;A couple of weeks after the &lt;a href="http://blogs.telerik.com/stefanrahnev/posts/11-03-16/telerik_ajax_and_mvc_q1_2011_official_releases.aspx"&gt;official Q1 2011 bits&lt;/a&gt; were out, there were people who started to ask: "Hey, what about your future plans for web development? I am impatient to know what you guys will be cooking for the summer release..". Well, with no further delay I am presenting you our AJAX and MVC Q2 2011 plans to feed your curiosity :) &lt;/td&gt; &lt;td valign="top" style="width: 150px;border-width: 0px;"&gt;&lt;a sfref="[documents]4bd502c7-bbb5-4deb-9d9d-78470324b197" href="/docs/default-source/metabloglib/WindowsLiveWriter-Q22011TelerikAJAXandMVCRoadmaps_E7B2-Telerik_AJAX_MVC_Q2_2011_Roadmap_2.jpg?sfvrsn=0"&gt;&lt;img width="154" height="113" sfref="[documents]995c101c-912c-457f-a011-90c36bf0600e" src="/docs/default-source/metabloglib/WindowsLiveWriter-Q22011TelerikAJAXandMVCRoadmaps_E7B2-Telerik_AJAX_MVC_Q2_2011_Roadmap_thumb.jpg?sfvrsn=0" alt="Telerik_AJAX_MVC_Q2 2011_Roadmap" style="border:0px solid;" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;&lt;span style="font-size: 18px;"&gt;Telerik AJAX controls Q2 2011 Roadmap&lt;br /&gt; &lt;/span&gt;&lt;a title="http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx" href="http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx"&gt;http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Focal points:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Two new controls - image editor and web alert &lt;/li&gt; &lt;li&gt;4 new skins (Transparent + 3 Office2010 variations) &lt;/li&gt; &lt;li&gt;Mobile and accessibility improvements &lt;/li&gt; &lt;li&gt;HTML5 file API support for AsyncUpload, HTML5 input types rendering...&lt;/li&gt;&lt;/ul&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/irFdDafj7f8" height="1" width="1"/&gt;</description><pubDate>Thu, 07 Apr 2011 09:11:00 Z</pubDate><a10:content type="text">&lt;table width="600" cellspacing="0" cellpadding="0" border="0"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" style="width: 450px; border-width: 0px;"&gt;A couple of weeks after the &lt;a href="http://blogs.telerik.com/stefanrahnev/posts/11-03-16/telerik_ajax_and_mvc_q1_2011_official_releases.aspx"&gt;official Q1 2011 bits&lt;/a&gt; were out, there were people who started to ask: "Hey, what about your future plans for web development? I am impatient to know what you guys will be cooking for the summer release..". Well, with no further delay I am presenting you our AJAX and MVC Q2 2011 plans to feed your curiosity :) &lt;/td&gt; &lt;td valign="top" style="width: 150px; border-width: 0px;"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Q22011TelerikAJAXandMVCRoadmaps_E7B2-Telerik_AJAX_MVC_Q2_2011_Roadmap_2.jpg?sfvrsn=0"&gt;&lt;img width="154" height="113" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-Q22011TelerikAJAXandMVCRoadmaps_E7B2-Telerik_AJAX_MVC_Q2_2011_Roadmap_thumb.jpg?sfvrsn=0" alt="Telerik_AJAX_MVC_Q2 2011_Roadmap" style="border: 0px solid;" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;&lt;span style="font-size: 18px;"&gt;Telerik AJAX controls Q2 2011 Roadmap&lt;br /&gt; &lt;/span&gt;&lt;a title="http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx" href="http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx"&gt;http://www.telerik.com/products/aspnet-ajax/whats-new/roadmap.aspx&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Focal points:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Two new controls - image editor and web alert &lt;/li&gt; &lt;li&gt;4 new skins (Transparent + 3 Office2010 variations) &lt;/li&gt; &lt;li&gt;Mobile and accessibility improvements &lt;/li&gt; &lt;li&gt;HTML5 file API support for AsyncUpload, HTML5 input types rendering for RadInputs &lt;/li&gt; &lt;li&gt;A bunch of new key features for RadEditor, RadRibbonBar, RadScheduler and RadTreeList &lt;/li&gt; &lt;li&gt;SharePoint 2010 grid and scheduler enhancements&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;&lt;span style="font-size: 18px;"&gt;Telerik MVC components Q2 2011 Roadmap&lt;br /&gt; &lt;/span&gt;&lt;a title="http://www.telerik.com/products/aspnet-mvc/whats-new/roadmap.aspx" href="http://www.telerik.com/products/aspnet-mvc/whats-new/roadmap.aspx"&gt;http://www.telerik.com/products/aspnet-mvc/whats-new/roadmap.aspx&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Focal points:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;One new key component - HTML5 chart based on SVG/VML; promised light-weight javascript, fast performance and two chart types (line and bar) for first version &lt;/li&gt; &lt;li&gt;Several new important grid features - virtual scrolling, global item template, keyboard support; pure client sorting, paging, grouping and filtering.&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;I hope that you are content with the plan we set for the next three months and you will enjoy putting these new components into practice! Let the countdown till the Q2 2011 Telerik release start now..&lt;/p&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-04-07/q2-2011-telerik-ajax-and-mvc-roadmaps-3565337284.aspx</feedburner:origLink></item><item><guid isPermaLink="false">urn:uuid:a2924e79-635e-43f7-843d-7bf4191a8e0f</guid><link>http://feedproxy.google.com/~r/AspnetMvcTeamsFeed/~3/pppXesTJmL4/firefox-4-supported-by-telerik-ajax-and-mvc-components-3133934977.aspx</link><author>Stefan.Rahnev@telerik.com</author><category>MVC</category><title>FireFox 4 supported by Telerik AJAX and MVC components</title><description>&lt;table width="600" cellspacing="0" cellpadding="0" border="0"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" style="width: 450px;border-width: 0px;"&gt; &lt;p&gt;Right after the official launch of the new major version of the FireFox browser (you can download it from &lt;a href="http://www.mozilla.com/products/download.html?product=firefox-4.0&amp;amp;os=win&amp;amp;lang=en-US"&gt;here&lt;/a&gt;) I asked our web teams to test the Telerik AJAX and MVC components against the latest version of FireFox. And guess what? Both suites support FireFox 4 and no modifications are needed! This is an acknowledgement that you can develop sites with our Q1 2011 AJAX and MVC bundles and be content when running them in FireFox 4.&lt;/p&gt; &lt;p&gt;Pretty convenient, yeah?&lt;/p&gt; &lt;/td&gt; &lt;td valign="top" style="width: 150px;border-width: 0px;"&gt;&lt;a sfref="[documents]80ea3522-52a2-40ad-9aee-e900b1f010e7" href="/docs/default-source/metabloglib/WindowsLiveWriter-FireFox4supportedbyTelerikAJAXandMVCcomp_10C93-FireFox4_logo_2.png?sfvrsn=0"&gt;&lt;img width="208" height="244" sfref="[documents]7052d431-57a9-4b70-87c0-495de6912804" src="/docs/default-source/metabloglib/WindowsLiveWriter-FireFox4supportedbyTelerikAJAXandMVCcomp_10C93-FireFox4_logo_thumb.png?sfvrsn=0" alt="FireFox4_logo" style="border:0px solid;" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;div class="vcard" id="author"&gt; &lt;h2&gt;About the author&lt;/h2&gt; &lt;img alt="Stefan Rahnev" sfref="[images]87465215-2b38-42c9-9349-368fad0d6a79" src="/images/default-source/aspnet-ajax/StefanRahnev.jpg?sfvrsn=0" class="photo" /&gt; &lt;h3 class="fn"&gt;Stefan Rahnev&lt;/h3&gt; &lt;p&gt;
Stefan Rahnev is the Unit Manager of the ASP.NET Telerik Division. He has been working for the company...&lt;/p&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/AspnetMvcTeamsFeed/~4/pppXesTJmL4" height="1" width="1"/&gt;</description><pubDate>Wed, 23 Mar 2011 09:10:00 Z</pubDate><a10:content type="text">&lt;table width="600" cellspacing="0" cellpadding="0" border="0"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign="top" style="width: 450px; border-width: 0px;"&gt; &lt;p&gt;Right after the official launch of the new major version of the FireFox browser (you can download it from &lt;a href="http://www.mozilla.com/products/download.html?product=firefox-4.0&amp;amp;os=win&amp;amp;lang=en-US"&gt;here&lt;/a&gt;) I asked our web teams to test the Telerik AJAX and MVC components against the latest version of FireFox. And guess what? Both suites support FireFox 4 and no modifications are needed! This is an acknowledgement that you can develop sites with our Q1 2011 AJAX and MVC bundles and be content when running them in FireFox 4.&lt;/p&gt; &lt;p&gt;Pretty convenient, yeah?&lt;/p&gt; &lt;/td&gt; &lt;td valign="top" style="width: 150px; border-width: 0px;"&gt;&lt;a href="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-FireFox4supportedbyTelerikAJAXandMVCcomp_10C93-FireFox4_logo_2.png?sfvrsn=0"&gt;&lt;img width="208" height="244" src="http://blogs.telerik.com/docs/default-source/metabloglib/WindowsLiveWriter-FireFox4supportedbyTelerikAJAXandMVCcomp_10C93-FireFox4_logo_thumb.png?sfvrsn=0" alt="FireFox4_logo" style="border: 0px solid;" /&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;</a10:content><feedburner:origLink>http://blogs.telerik.com/aspnetmvcteam/posts/11-03-23/firefox-4-supported-by-telerik-ajax-and-mvc-components-3133934977.aspx</feedburner:origLink></item></channel></rss>
