registepage desgin

<%@ Page Title="" Language="C#" MasterPageFile="~/PublicWebsites/MainMaster.Master" AutoEventWireup="true" CodeBehind="Registerpage.aspx.cs" Inherits="KenCommerceWeb.PublicWebsites.Registerpage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        .textSize {
            font-size: 13px !important;
        }

        .Base {
            display: inline;
            font: 14px/18px "segoe ui",arial,sans-serif;
            height: 20px;
            overflow: hidden;
            text-align: center;
            vertical-align: middle;
            width: 121px;
            color: #fff;
            /*border: 1px solid #333;*/
        }

        .t-container {
            background: rgba(134, 133, 130, 0.3) !important;
        }

        .RadInput_Bootstrap .riEmpty, .RadInput_Empty_Bootstrap {
            color: rgba(85,85,85,0.8) !important;
            font-style: initial !important;
            font-size: 13px !important;
            font-family: inherit !important;
        }

        .RadButton.RadRadioButton span.rbText.rbToggleRadioChecked, .RadButton.RadRadioButton span.rbText.rbToggleRadio, .RadButton.RadCheckBox span.rbText.rbToggleCheckbox, .RadButton.RadCheckBox span.rbText.rbToggleCheckboxChecked {
            display: inline-block;
            position: relative;
            padding-left: 1.71428571em;
            font-size: 15px;
            font-family: inherit !important;
        }

        .RadLabel_Bootstrap {
            color: #333;
            font-family: inherit !important;
        }

        .t-container {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 30px !important;
        }

        .RadButton .rbText {
            line-height: 1.35714286em;
            vertical-align: top;
            /* font-family: inherit; */
            font-size: 15px !important;
        }

        .L0 {
            border: 0 none;
        }

        .L1 {
            background-color: #ff3933;
        }

        .L2 {
            background-color: #ff6633;
        }

        .L3 {
            background-color: #ff3399;
        }

        .L4 {
            background-color: #cccc33;
        }

        .L5 {
            background-color: #33cc00;
        }

        .RadUpload .ruFakeInput {
            height: 2em !important;
        }

        .RadUpload .ruBrowse {
            height: 2em !important;
        }

        .borderStyle {
            border: 1px solid #ffffff !important;
            padding: 15px;
            border-style: groove !important;
            background-color: #dbdbda !important;
        }
        /*.borderStyle {
    border: 1px solid #ffffff !important;
    padding: 15px !important;
    border-style: groove
}*/
        .RadButton_Bootstrap.rbButton, .RadButton_Bootstrap.RadButton.rbButton.rbDisabled, .RadButton_Bootstrap .rbSplitPart {
            background-color: #a94442 !important;
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 12px !important;
        }
        /*.riPassIndicator .riContentWrapper{
           
    max-width: 23% !important;
}
         }*/
        .RadButton .rbText {
            line-height: 1.35714286em;
            vertical-align: top;
            font-size: 11px !important;
        }

        .t-col-10 {
            width: 79.33333% !important;
        }

        RadRadioButtonList RadRadioButtonList_Bootstrap rbHorizontalList {
            padding-left: 25px !important;
        }
    </style>
    <style>
        .RadButton_Bootstrap.rbButton {
            padding: 3px 12px !important;
        }
    </style>

    <script>
        function numberOnly(sender, eventArgs) {

            var k = eventArgs.get_keyCode()
            if (!(k >= 48 && k <= 57)) {
                eventArgs.set_cancel(true);
            }
        }

        function isNumberKey(evt) {
            debugger;
            var charCode = (evt.which) ? evt.which : event.keyCode
            if (charCode != 47 && charCode > 31
              && (charCode < 48 || charCode > 57))
                return false;
            else
                return true;
        }
        function Spacevalidation(evt) {
            debugger;
            if (evt.which == 32)
                return false;

        }

        function BlockScript(evts) {

            if (evts.which == 60 || evts.which == 62)
                return false;
        }
    </script>
    <script type="text/javascript">
        function pageLoad() {
            Pass = $find("<%=txtPassword.ClientID %>");
            Repass = $find("<%=txtConfirmPassword.ClientID %>");
        }
        checkPasswordMatch = function () {
            var text1 = Pass.get_textBoxValue();
            var text2 = Repass.get_textBoxValue();

            if (text2 == "") {
                $get("PasswordRepeatedIndicator").innerHTML = "      ";
                $get("PasswordRepeatedIndicator").className = "Base L0";
            }
            else if (text1 == text2) {
                $get("PasswordRepeatedIndicator").innerHTML = "Matched";
                $get("PasswordRepeatedIndicator").className = "Base L5";
            }
            else {
                $get("PasswordRepeatedIndicator").innerHTML = "Not Matched";
                $get("PasswordRepeatedIndicator").className = "Base L1";
            }
        }
    </script>

    <style>
        .riStrengthBarL1 {
            font-size: 14px;
        }
    </style>
    <link rel="stylesheet" href="<%#ResolveUrl("~")%>/common/css/login.css" />
    <link rel="stylesheet" href="<%#ResolveUrl("~")%>/DolnaWebsite/css/Custom.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="container" style="margin-top: 130px;">
        <div class="row">
            <div class="col-md-12">
                <div class="comment-box2">
                    <img alt="" src="<%#ResolveUrl("~")%>/DolnaWebsite/images/og.gif" />
                    <div class="comment-content">
                        <h2 class="h2s">Register

                            <span style="float: right;" class="st_sharethis" st_processed="yes">
                                <span style="text-decoration: none; color: rgb(0, 0, 0); display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; width: 16px;" class="stButton">
                                    <span class="chicklets sharethis">&nbsp;</span>
                                </span>
                            </span>

                        </h2>


                        <hr style="margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #000000;" />
                        <p><%--New User Registration, User Will Register in This Page--%></p>

                    </div>
                </div>

            </div>
        </div>
    </div>
    <telerik:RadNotification RenderMode="Lightweight" ID="Notification" runat="server" Position="TopCenter"
        AutoCloseDelay="2000" Width="350" Height="110" Title="Users Page" TitleIcon="none" LoadContentOn="EveryShow">
    </telerik:RadNotification>
    <%--  <telerik:RadAjaxManagerProxy ID="panel" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btn_submit">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadPageLayout1" LoadingPanelID="RadAjaxLoadingPanel1"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnimg">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadPageLayout1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>

            </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="btnVerifay">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadPageLayout1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>--%>

    <asp:UpdateProgress ID="updateProgress" runat="server" AssociatedUpdatePanelID="updpnl">
        <ProgressTemplate>
            <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
                <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/common/images/Icons/loading.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed; top: 45%; left: 50%;" />
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
    <%-- <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">--%>
    <asp:UpdatePanel ID="updpnl" runat="server">
        <ContentTemplate>
            <telerik:RadPageLayout runat="server" ID="RadPageLayout1" GridType="Fluid" Width="50%" CssClass="borderStyle">
                <Rows>

                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="3">
                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="7">
                                <telerik:RadRadioButtonList runat="server" Font-Size="13px" ID="RadRadioButtonList1" AutoPostBack="false" Direction="Horizontal" Width="100%">
                                    <Items>
                                        <telerik:ButtonListItem Text="Artist" Value="Artist" />
                                        <telerik:ButtonListItem Text="Gallerist" Value="Gallerist" />
                                        <telerik:ButtonListItem Text="Art Lover" Value="Customer" Selected="true" />
                                    </Items>
                                </telerik:RadRadioButtonList>
                            </telerik:LayoutColumn>
                        </Columns>
                    </telerik:LayoutRow>
                    <telerik:LayoutRow Height="10px"></telerik:LayoutRow>
                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="3">
                                <telerik:RadLabel runat="server" CssClass="textSize">Name:</telerik:RadLabel>
                                <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1"
                                    ControlToValidate="txtName" ForeColor="Red" ErrorMessage="*" ValidationGroup="Registration"></asp:RequiredFieldValidator>

                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="7">
                                <telerik:RadTextBox ID="txtName" runat="server" MaxLength="35" Font-Size="Smaller" Width="95%" Height="28px" EmptyMessage="Enter Your name"></telerik:RadTextBox>

                            </telerik:LayoutColumn>

                        </Columns>
                    </telerik:LayoutRow>
                    <telerik:LayoutRow Height="10px"></telerik:LayoutRow>
                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="3">
                                <telerik:RadLabel runat="server" CssClass="textSize">Email (User Id):</telerik:RadLabel>
                                <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator2" ControlToValidate="txtEmail"
                                    ForeColor="Red" ErrorMessage="*" ValidationGroup="Registration"></asp:RequiredFieldValidator>
                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="7">
                                <telerik:RadTextBox ID="txtEmail" runat="server" Font-Size="Smaller" Width="55%" Height="28px" EmptyMessage="Enter a Valid Email Id"></telerik:RadTextBox>
                                <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator3" ControlToValidate="txtEmail"
                                    ForeColor="Red" ErrorMessage="*" ValidationGroup="Registra"></asp:RequiredFieldValidator>
                                <asp:Button ID="EmailVerifyBtn" runat="server" Text="Email Verification" ValidationGroup="Registra" OnClick="EmailVerifyBtn_Click" Style="background-color: #a94442; color: white; font-size: 14px; font-family: inherit; padding: 4px 6px; border-radius: 6px;" />
                                <asp:Image runat="server" ImageUrl="~/DolnaWebsite/images/dc6okxERi.png" ID="Image1Email" Width="25px" Visible="false" />
                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="2">
                                <asp:RegularExpressionValidator ID="RegularExpressioddddnValidator3" runat="server" ValidationGroup="Registra" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="txtEmail" ErrorMessage="Invalid!" ForeColor="Red"></asp:RegularExpressionValidator>

                            </telerik:LayoutColumn>
                        </Columns>
                    </telerik:LayoutRow>

                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="3">
                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="7">
                                <asp:Panel ID="pnlotpEmail" runat="server" Visible="false" Style="margin-left: -4px">
                                    <asp:Label runat="server" ID="Label6r" AssociatedControlID="txtotp1" ForeColor="Red"> </asp:Label>
                                    <telerik:RadTextBox ID="txtotp1" runat="server" Width="200px" Height="28px" Font-Size="13px" EmptyMessage="Enter OTP"></telerik:RadTextBox>
                                    &nbsp;&nbsp;&nbsp;
                            <asp:Label runat="server" ID="lblmsgEmail" ForeColor="Red" Text=""> </asp:Label>
                                    <asp:Button ID="btnimg3" runat="server" Text="Verify" CausesValidation="false" Style="background-color: #337ab7; color: white; font-size: 14px; font-family: inherit; width: 61px; border-radius: 16px;"
                                        OnClick="btnimg3_Click" />
                                </asp:Panel>
                            </telerik:LayoutColumn>
                        </Columns>
                    </telerik:LayoutRow>














                    <telerik:LayoutRow Height="10px"></telerik:LayoutRow>
                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="3">
                                <telerik:RadLabel runat="server" CssClass="textSize">Mobile No :</telerik:RadLabel>
                                <%--  <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator3" ControlToValidate="txtEmail"
                            ForeColor="Red" ErrorMessage="*" ValidationGroup="Registration"></asp:RequiredFieldValidator>--%>
                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="7">
                                <%-- <telerik:RadButton ID="txtMobileNo"  runat="server" placeholder="Mobile No" > </telerik:RadButton>--%>
                                <%--  <asp:TextBox ID="TxtMobileNo"  CssClass="textInput"
                                onkeypress="return isNumberKey(event,this);" onpaste="return false;" placeholder="Enter Mobile Number" MaxLength="10"
                                runat="server" Width="200px"></asp:TextBox>--%>
                                <telerik:RadTextBox ID="TxtMobileNo" runat="server"  Font-Size="Smaller" Height="28px" onkeypress="return isNumberKey(event,this);" onpaste="return false;" EmptyMessage="Enter Mobile Number" MaxLength="10"
                                    Width="55%">
                                </telerik:RadTextBox>
                                <asp:RequiredFieldValidator runat="server" ID="RequiredFieldddValidator3" ControlToValidate="TxtMobileNo"
                                    ForeColor="Red" ErrorMessage="*" ValidationGroup="Registration"></asp:RequiredFieldValidator>
                               <%-- <asp:Button ID="btnVerifay" runat="server"  Text="Mobile Verification" Enabled="false" ValidationGroup="mbl" Visible="false" OnClick="btnVerifay_Click" Style="background-color: #a94442; color: white; font-size: 13px; font-family: inherit; padding: 5px 6px; border-radius: 6px;" />--%>
                                <asp:Image runat="server" ImageUrl="~/DolnaWebsite/images/dc6okxERi.png" ID="imgverify" Width="25px" Visible="false" />
                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="2">
                                <asp:RegularExpressionValidator ControlToValidate="TxtMobileNo"  ID="RegularExpressionValidator2" ValidationExpression="^[0-9]{10,10}$" runat="server" ErrorMessage="Invalid!" ForeColor="Red"></asp:RegularExpressionValidator>
                            </telerik:LayoutColumn>
                        </Columns>
                    </telerik:LayoutRow>
                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="3">
                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="7">
                                <asp:Panel ID="pnlotp" runat="server" Visible="false" Style="margin-left: -4px">
                                    <asp:Label runat="server" ID="Label6" AssociatedControlID="txtotp" ForeColor="Red"> </asp:Label>
                                    <telerik:RadTextBox ID="txtotp" runat="server" Width="200px" Height="28px" Font-Size="13px" EmptyMessage="Enter OTP"></telerik:RadTextBox>
                                    <%--   <asp:TextBox ID="txtotp" placeholder="Enter OTP" Height="28px"
                                    runat="server" Width="150px"></asp:TextBox>--%>
                                &nbsp;&nbsp;&nbsp;
                                                          <%--   <asp:RequiredFieldValidator ID="Requiredfieldvalidator20" runat="server" Display="Dynamic"
                                                                 ControlToValidate="txtotp" ErrorMessage="" Text="Enter OTP" ForeColor="Red"></asp:RequiredFieldValidator>--%>
                                    <asp:Label runat="server" ID="lblmsg" ForeColor="Red" Text=""> </asp:Label>
                                    <asp:Button ID="btnimg" runat="server" Text="Verify" Visible="false" CausesValidation="false" Style="background-color: #337ab7; color: white; font-size: 14px; font-family: inherit; width: 61px; border-radius: 16px;"
                                        OnClick="btnimg_Click" />
                                </asp:Panel>
                                <%--<telerik:RadButton ID="vry" runat="server" Text="VERIFY" CausesValidation="false"  OnClick="vry_Click"></telerik:RadButton>--%>
                            </telerik:LayoutColumn>
                        </Columns>
                    </telerik:LayoutRow>
                    <telerik:LayoutRow Height="10px"></telerik:LayoutRow>
                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="3" SpanMd="6" SpanSm="6" SpanXs="12">
                                <telerik:RadLabel runat="server" CssClass="textSize">Password:</telerik:RadLabel>
                                <asp:RequiredFieldValidator ID="rfvUserPass" runat="server" ErrorMessage="*" ForeColor="Red" ValidationGroup="Registration" ControlToValidate="txtPassword"></asp:RequiredFieldValidator>
                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="7" SpanMd="6" SpanSm="6" SpanXs="12">
                                <telerik:RadTextBox runat="server" ID="txtPassword" Height="28px" MaxLength="15" TextMode="Password" Width="300px">
                                    <PasswordStrengthSettings ShowIndicator="true" IndicatorWidth="75px"></PasswordStrengthSettings>
                                </telerik:RadTextBox>
                            </telerik:LayoutColumn>
                        </Columns>
                    </telerik:LayoutRow>
                    <telerik:LayoutRow Height="10px"></telerik:LayoutRow>
                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="3" SpanMd="6" SpanSm="6" SpanXs="12">
                                <telerik:RadLabel runat="server" CssClass="textSize">Confirm password:</telerik:RadLabel>
                                <asp:RequiredFieldValidator ID="RequiredFieldVasslidator3" runat="server" ErrorMessage="*" ForeColor="Red" ValidationGroup="Registration" ControlToValidate="txtConfirmPassword"></asp:RequiredFieldValidator>

                            </telerik:LayoutColumn>
                            <telerik:LayoutColumn Span="7" SpanMd="6" SpanSm="6" SpanXs="12">
                                <telerik:RadTextBox ID="txtConfirmPassword" Height="28px" runat="server" MaxLength="15" TextMode="Password" onkeyup="checkPasswordMatch()" Width="106px">
                                </telerik:RadTextBox>
                                <span id="PasswordRepeatedIndicator" class="Base L0">&nbsp;</span>
                            </telerik:LayoutColumn>
                        </Columns>
                    </telerik:LayoutRow>
                    <telerik:LayoutRow Height="15px"></telerik:LayoutRow>

                    <telerik:LayoutRow>
                        <Columns>
                            <telerik:LayoutColumn Span="10" Style="text-align: center">
                                <telerik:RadButton ID="btn_submit" runat="server" Text="Submit" Height="28px" ForeColor="White" OnClick="btn_submit_Click" Enabled="false" ValidationGroup="Registration"></telerik:RadButton>

                                <telerik:RadButton ID="btn_reset" runat="server" Text="Reset" ForeColor="White" Height="28px" OnClick="btn_reset_Click"></telerik:RadButton>
                            </telerik:LayoutColumn>
                        </Columns>
                    </telerik:LayoutRow>
                </Rows>
            </telerik:RadPageLayout>
        </ContentTemplate>
    </asp:UpdatePanel>

    <%--  </telerik:RadAjaxPanel>--%>
</asp:Content>



Comments

Post a Comment

Popular posts from this blog

Create Schema Using C# Asp .Net Dynamically.

In WebConfig First Set The Connection String. ====================================== <?xml version="1.0"?> <!--   For more information on how to configure your ASP.NET application, please visit   http://go.microsoft.com/fwlink/?LinkId=169433   --> <configuration>   <connectionStrings>     <add name="InterviewConnectionString" connectionString="Data Source=SATYABRATA;Initial Catalog=Interview;Persist Security Info=True;User ID=satya;Password=satya@215;MultipleActiveResultSets=True;Application Name=EntityFramework"           providerName="System.Data.SqlClient" />   </connectionStrings>   <system.web>     <compilation debug="true" targetFramework="4.5" />     <httpRuntime targetFramework="4.5" />   </system.web> </configuration> ====================================== Design Page in Source FIle ====================================== ...
Read more

FAQ BIND

public void FaqBind()     {         try         {             var content = GetContactUslist().ToList();             var result = (from a in content                           where a.IsActive == true && a.ContactUs_Comments != null && a.ContactUs_Answer != null                           select new                           {                              a.ContactUs_ID,                             a.ContactUs_Comments,                             ...
Read more

resgination mail

Dear Sir,          Kindly informed that I am submitting this letter for the purpose of resigning from the post of Software Engineer from SWASH Convergence Technologies Limited effective from today. Therefore, the last day of work for me here will be Today. The purpose of this resignation letter is to inform you that I will be leaving my position with Swash Company, effective long Period from now on August 11. my family is currently in the process of relocation that I will be relocating to the Hyderabad City metropolitan area in the near future. From the time I joined SWASH Convergence Technologies Limited as Software Engineer One year’s one Month ago, I have enjoyed immense professional growth and forged unbreakable bonds of friendship. I have received an abundance of support, advice, and encouragement from my superiors, and for that I shall be always grateful. I would like to special thanks our CEO , Dr. Pritam Pal for his coo...
Read more