ChangePasswordForm In ASP.NET Using Bootstrap

In this article i explain you how to design change password from in asp.net using bootstrap
Example:-
<div class="container">
            <div class="form-horizontal" style="border:1px solid black;width:600px;height:350px;padding:10px;margin-left:50px;margin-top:50px">
                <div class="row">
                    <div class="col-sm-9 col-sm-offset-3 text-primary">
                        <h2>Change Password</h2>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-12">
                        <hr />
                    </div>
                </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">
                    <span>Current Password</span>
                </div>
                <div class="col-sm-7">
                    <asp:TextBox ID="txt1" runat="server" placeholder="Current Password" CssClass="form-control"></asp:TextBox>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">
                    <span>New Password</span>
                </div>
                <div class="col-sm-7">
                    <asp:TextBox ID="txt2" TextMode="Password" runat="server" placeholder="New Password" CssClass="form-control"></asp:TextBox>
                </div>
            </div>
                 <div class="form-group">
                <div class="col-sm-3 control-label">
                    <span>Confirm Password</span>
                </div>
                <div class="col-sm-7">
                    <asp:TextBox ID="Tex3" TextMode="Password" runat="server" placeholder="Confirm Password" CssClass="form-control"></asp:TextBox>
                </div>
            </div>
              <div class="form-group">
                <div class="col-sm-1 col-sm-offset-3">
                    <asp:Button ID="BtnSubmit" runat="server" CssClass="btn btn-primary" Text="Submit" />
                </div>              
            </div>
            </div>

        </div>
Output:-

No comments:

Post a Comment