<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Examples.Master" Inherits="System.Web.Mvc.ViewPage" %>
<asp:Content contentPlaceHolderID="MainContent" runat="server">

	<% Html.Telerik().TabStrip()
            .Name("TabStrip")
			.Items(parent => {
                parent.Add()
                    .Text("Pure ASP.NET MVC components")
                    /* this tab will be opened initially - no need to get it with ajax */
                    .Content(() =>
                    {%>
						<p>
						    Telerik Extensions for ASP.NET MVC is built from the ground up to fully embrace
						    the values of the ASP.NET MVC framework - lightweight rendering, clean HTML,
						    clear separation of concerns, easy testability - while helping make you more
						    productive building MVC views.
					    </p>
					<%})
                    .Selected(true);

				parent.Add()
                    .Text("Completely Open Source")
					.LoadContentFrom("AjaxView_OpenSource", "TabStrip");
				
                parent.Add()
                    .Text("Exceptional Performance")
                    .LoadContentFrom("AjaxView_ExceptionalPerformance", "TabStrip");

                parent.Add()
                    .Text("Based on jQuery")
                    .LoadContentFrom("AjaxView_BasedOnJQuery", "TabStrip");

                parent.Add()
                    .Text("Wide Cross-browser support")
                    .LoadContentFrom("AjaxView_CrossBrowser", "TabStrip");
			})
			.Render();
	%>
				
</asp:Content>

<asp:Content contentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        #PanelBar .t-content p
        {
            margin: 0;
            padding: 1em;
        }
        
    </style>
</asp:Content>
