On my website, I have added a popup form for users to input their details. This form includes two buttons - one for saving the information and another for canceling the popup. I would like both buttons to be aligned on the right-hand side of the page. Each button is placed within a separate tr element with td.
I attempted to use
style="width: 100px; float:right;"Snippet of My Modal Popup Code:
<cc1:ModalPopupExtender ID="myModalprofilepopup" ClientIDMode="Static" runat="server" PopupControlID="Panl1" TargetControlID="Button1"
CancelControlID="btnclose" BackgroundCssClass="Background">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panl1" runat="server" CssClass="Popup" align="center" Style="display: none">
<div class="pull-right">
<%--<asp:ImageButton ID="Button2" Height="20px" Width="20px" runat="server" AlternateText="Close" ImageUrl="~/Images/Cancele_ButoonPNG.PNG" />--%>
</div>
<b style="font-size: 25px">FAV-VS Add New User</b><br />
<br />
<table id="NewAddItems">
<tr id="trAddNew">
<td>
<table border="0" class="width100p">
.....
Button Code Section:
<tr>
<td style="width: 100px; float:right;">
<asp:Button ID="btnSave" runat="server" ClientIDMode="Static" OnClientClick="return validatepopup();" Text="Save" CssClass="btn-success" />
<asp:Button ID="btnclose" runat="server" Text="Close" CssClass="btn-danger" />
</td>
</tr>
Screenshot Link: