or


| <%@ Master Language="C#" AutoEventWireup="true" CodeFile="SingleCenterColumn.master.cs" |
| Inherits="App_Master_SingleCenterColumn" %> |
| <!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> |
| </head> |
| <body> |
| <div id="wrapper"> |
| <form id="form2" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <telerik:RadAjaxManager ID="AjaxManager1" runat="server"> |
| </telerik:RadAjaxManager> |
| <div id="centerwrapper"> |
| <div id="header" class="borders"> ... |
| <%@ Control Language="C#" AutoEventWireup="true" CodeFile="NeedsSurvey.ascx.cs" Inherits="NeedsSurvey_NeedsSurvey" |
| ClassName="NeedSurvey" %> |
| <telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="Button1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="percentage" /> |
| <telerik:AjaxUpdatedControl ControlID="number" /> |
| <telerik:AjaxUpdatedControl ControlID="panel1" /> |
| <telerik:AjaxUpdatedControl ControlID="panel2" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"> |
| </telerik:RadAjaxLoadingPanel> |
| <h1> |
| Needs Assessment Survey</h1> |
| <div id="slider"> |
| <asp:Label ID="percentage" runat="server" Text="0"></asp:Label>% Complete. Question |
| <asp:Label ID="number" runat="server" Text="0"></asp:Label> of 12 Completed. |
| <telerik:RadSlider ID="RadSlider1" runat="server"> |
| </telerik:RadSlider> |
| </div> |
| <asp:Panel runat="server" ID="panel1"> |
| 1. Which of the following best describes the personal needs you feel are the most |
| immediate? |
| <br /> |
| <br /> |
| <asp:RadioButtonList ID="RadioButtonList1" runat="server"> |
| <asp:ListItem>Help with everday expenses</asp:ListItem> |
| <asp:ListItem>Paying off debt</asp:ListItem> |
| <asp:ListItem>Taking a vacation</asp:ListItem> |
| <asp:ListItem>Home improvements</asp:ListItem> |
| <asp:ListItem>Better medical coverage</asp:ListItem> |
| </asp:RadioButtonList> |
| <br /> |
| <asp:Button ID="Button1" runat="server" OnClick="btn_Click1" /> |
| <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadioButtonList2" |
| ErrorMessage="Please select an answer"></asp:RequiredFieldValidator> |
| </asp:Panel>... |
| using System; |
| using System.Collections.Generic; |
| using System.Linq; |
| using System.Web; |
| using System.Web.UI; |
| using System.Web.UI.WebControls; |
| using System.Net.Mail; |
| using System.Net.Mime; |
| using System.Reflection; |
| using System.Collections.Specialized; |
| public partial class NeedsSurvey_NeedsSurvey : System.Web.UI.UserControl |
| { |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| } |
| #region EventHandlers |
| protected void btn_Click1(object sender, EventArgs e) |
| { |
| panel1.Visible = false; |
| panel2.Visible = true; |
| RadSlider1.Value = 1; |
| percentage.Text = "8"; |
| number.Text = "1"; |
| } |
| protected void btn_Click2(object sender, EventArgs e) |
| { |
| panel2.Visible = false; |
| panel3.Visible = true; |
| RadSlider1.Value = 2; |
| percentage.Text = "16"; |
| number.Text = "2"; |
| }... |
| #centercolumn |
| { |
| width: 900px; |
| margin-top: 25px; |
| margin-left: auto; |
| margin-right: auto; |
| padding: 10px 25px 25px 25px; |
| background-color: #fff; |
| color: #000; |
| } |
| #slider |
| { |
| width: 300px; |
| margin: 0 auto; |
| } |


