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:-
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