or
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" /></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="RadScriptManager1" runat="server"> <Scripts> <%--Needed for JavaScript IntelliSense in VS2010--%> <%--For VS2008 replace RadScriptManager with ScriptManager--%> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> </Scripts> </asp:ScriptManager> <script type="text/javascript"> //Put your JavaScript code here. </script> <telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Sunset"> </telerik:RadSkinManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" /> <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server"> </telerik:RadAjaxManager> <div> <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%"> <CollapseAnimation Type="InCubic" Duration="500" /> <ExpandAnimation Type="InCubic" Duration="500" /> <Items> <telerik:RadPanelItem Text="Search " Expanded="true" runat="server" Selected="true" Font-Size="Medium" Font-Bold="true"> <Items> <telerik:RadPanelItem Value="SearchCriteriaPanel" runat="server"> <ItemTemplate> <table style="width: 98%; margin: auto;"> <tr> <td> <telerik:RadTextBox ID="RadTextBox1" runat="server" OnTextChanged="RadTextBox1_TextChanged" AutoPostBack="true" Label="Text Box 1:" Columns="30" TabIndex="1" /> </td> <td> <telerik:RadTextBox ID="RadTextBox2" runat="server" OnTextChanged="RadTextBox2_TextChanged" AutoPostBack="true" Label="Text Box 2:" Columns="30" TabIndex="2" /> </td> <td> <telerik:RadTextBox ID="RadTextBox3" runat="server" OnTextChanged="RadTextBox3_TextChanged" AutoPostBack="true" Label="Text Box 3:" Columns="30" TabIndex="3" /> </td> </tr> </table> </ItemTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> <br /> <asp:BulletedList ID="ErrorMessageBulletedList" runat="server" ForeColor="Red"> </asp:BulletedList> <telerik:RadPanelBar ID="RadPanelBar2" runat="server" Width="100%"> <CollapseAnimation Type="InCubic" Duration="500" /> <ExpandAnimation Type="InCubic" Duration="500" /> <Items> <telerik:RadPanelItem Text="Referral Information" Expanded="true" runat="server" Selected="true" Font-Size="Medium" Font-Bold="true"> <Items> <telerik:RadPanelItem Value="SummaryPanel" runat="server"> <ItemTemplate> <asp:Label ID="DummyLabel" runat="server" Text="I am inside Panel 2"/> </ItemTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> </div> </form></body></html>using System;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Data;using System.Configuration;using System.Web.Security;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using Telerik.Web.UI;public partial class Default : System.Web.UI.Page { public RadTextBox Box1 { get { return (RadTextBox)RadPanelBar1.FindItemByValue("SearchCriteriaPanel").FindControl("RadTextBox1"); } } public RadTextBox Box2 { get { return (RadTextBox)RadPanelBar1.FindItemByValue("SearchCriteriaPanel").FindControl("RadTextBox2"); } } public RadTextBox Box3 { get { return (RadTextBox)RadPanelBar1.FindItemByValue("SearchCriteriaPanel").FindControl("RadTextBox3"); } } protected void Page_Load(object sender, EventArgs e) { RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box1, RadPanelBar1); RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box2, RadPanelBar1); RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box3, RadPanelBar1); RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box1, RadPanelBar2, RadAjaxLoadingPanel1); RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box2, RadPanelBar2, RadAjaxLoadingPanel1); RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box3, RadPanelBar2, RadAjaxLoadingPanel1); } protected void RadTextBox1_TextChanged(object sender, EventArgs e) { RadPanelBar1.Items[0].Text = "Text Box 1 changed to " + Box1.Text; RadPanelBar2.Items[0].Text = "Text Box 1 changed to " + Box2.Text; RadAjaxManager.GetCurrent(this.Page).FocusControl(Box2); //UpdatedTextBox.Text = "Text Box 1 changed to " + RadTextBox1.Text; } protected void RadTextBox2_TextChanged(object sender, EventArgs e) { RadPanelBar1.Items[0].Text = "Text Box 1 changed to " + Box1.Text; RadPanelBar2.Items[0].Text = "Text Box 1 changed to " + Box2.Text; //UpdatedTextBox.Text = "Text Box 2 changed to " + RadTextBox2.Text; } protected void RadTextBox3_TextChanged(object sender, EventArgs e) { RadPanelBar2.Items[0].Text = "Text Box 3 changed to " + Box3.Text; RadPanelBar2.CollapseAllItems(); //UpdatedTextBox.Text = "Text Box 2 changed to " + RadTextBox2.Text; }} <telerik:RadTabStrip ID="AppsRadTabStrip" MultiPageID="AppsRadMultiPage" SelectedIndex="0" ShowBaseLine="true" runat="server"> <Tabs> <telerik:RadTab Text="MemoToMp3" PageViewID="MemoToMp3RadPageView"> </telerik:RadTab> <telerik:RadTab Text="BookLender" PageViewID=""> </telerik:RadTab> </Tabs> </telerik:RadTabStrip><!-- no spaces between the tabstrip and multipage, in order to remove unnecessary whitespace --><telerik:RadMultiPage ID="AppsRadMultiPage" SelectedIndex="0" runat="server" CssClass="page"> <telerik:RadPageView ID="MemoToMp3RadPageView" runat="server"> <div class="page"> <p> memoTomp3 is a small, lightweight app which lets you quickly record a few thoughts straight down to an mp3 file. Kind of like a verbal version of quickly jotting down a thought. So yes, you do need a microphone. </p>... </telerik:RadPageView> </telerik:RadMultiPage>