Sorry to bother you once more experts.
Dharmendra was kind enough to help with adding responsive features to our gridview controls using jQuery footable plugin.
The problem is that Dharmendra's solution works perfectly when I run it on my laptop in our localhost.
However, when we deploy the app to our production server, some label texts are overlapping the rest of the gridview controls.
For instance, four label controls, Employee Name, Your Title, Your email, Your Employee ID are overlapping the gridview controls.
What is even more weird is if I remove those labels from the form, they still appear on the gridview controls.
https://www.kenig-dev.tech/wp-content/uploads/2025/02/disc.png
<label id="lblEname"><span style="font-weight: bold; font-size: 16px; color: #000000;">Employee Name</span><span style="color: #ff0000">*</span></label>
<label id="lblTitle"><span style="font-weight: bold; font-size: 16px; color: #000000;">Your title</span><span style="color: #ff0000">*</span></label>
<label id="lblEmail"><span style="font-weight: bold; font-size: 16px; color: #000000;">Your email address</span><span style="color: #ff0000">*</span></label>
Below is an image of the controls as they overlap the gridview controls. In this image, I only display gridview with item 1.
<label id="lblEname"><span style="font-weight: bold; font-size: 16px; color: #000000;">Employee Name</span><span style="color: #ff0000">*</span></label>
Below is the abbreviated HTML code.
<%@ Page Title="Income Discosure Form" MaintainScrollPositionOnPostback="true" Language="VB" debug="true" AutoEventWireup="true" ValidateRequest="false" CodeFile="disclosures.aspx.vb" Inherits="disclosures" %>
<%--<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>--%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title> Report</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge, IE=8, IE=9, IE=10, IE11,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="Content/bootstrap.cosmo.min.css" rel="stylesheet" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0b1.js"></script>
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link href="css/docs.min.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="~/images/favicon.ico" />
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script type="text/javascript" src="js/emailvalidate.js"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="js/jquery.alerts.js" type="text/javascript"></script>
<link href="css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/pglayouts.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
.ethics-tooltip + .tooltip > .tooltip-inner { background-color: #8bdc24; text-align: left; color: #000000; font-weight: bolder; }
.bs-example { margin-left: 50px; margin-top: 30px; }
img { position: relative; top: 0; bottom: 0px; left: 50px; right: 0; margin: auto; }
</style>
<%--Validate Email --%>
<script type="text/javascript" src="js/emailvalidate.js"></script>
<script type="text/javascript" src="js/chkAmt.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/css/footable.min.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/0.1.0/js/footable.min.js"></script>
<script type="text/javascript">
function pageLoad() {
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover();
}
</script>
<script type="text/javascript">
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';
document.body.addEventListener('gesturestart', function () {
viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
}, false);
}
}
</script>
<script type="text/javascript">
$(function () {
//Attach click event to each button in gridview
$("#Gridview1").find("input[type='submit']").click(function (event) {
var isValid = true;
//Find the selected button tablerow(tr)
var tr = $(this).closest("tr");
if (tr.length > 0) {
var emptyrows = (tr.find('input[type="text"]').filter(function () { return $(this).val() !== ''; }).length === 0);
//check if txtspousename textbox is empty or not
if (emptyrows === false) {
//Loop through other textboxes and check if its empty or not
tr.find('input[type="text"]').each(function () {
if ($.trim($(this).val()) == '') {
isValid = false;
}
});
//If empty then display the message
if (isValid == false) {
alert("Please enter values on other textboxes as well");
event.preventDefault();
}
}
}
})
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$('br').append('<span style="height:0.02em"></span>');
});
</script>
<style type="text/css">
.waitingdiv { background-color: #F5F8FA; border: 1px solid #5A768E; color: #333333; font-size: 93%; margin-bottom: 1em; margin-top: 0.2em; padding: 8px 12px; width: 8.4em; }
</style>
<style type="text/css">
.tbh { display: block; margin: 0 auto; }
.popintip { background-color: lightgrey; max-width: 700px; width: 100%; border: 5px solid teal; padding: 3px; margin: 3px; }
</style>
<style type="text/css">
.list1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 2.0em; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; background-color: #ffffff; text-indent: 5px; list-style-position: outside; list-style-image: url(images/bullet.png); padding: 0px; margin: 0px; margin-left: 45px; }
</style>
<script type="text/javascript">
function preventBack() { window.history.forward(); }
setTimeout("preventBack()", 0);
window.onunload = function () { null };
</script>
<script type="text/javascript">
var specialKeys = new Array();
specialKeys.push(8); //Backspace
$(function () {
$(".numeric").bind("keypress", function (e) {
var keyCode = e.which ? e.which : e.keyCode
var ret = ((keyCode >= 48 && keyCode <= 57) || specialKeys.indexOf(keyCode) != -1);
if (ret) {
$(this).next().remove();
} else {
if (!$(this).next().hasClass("error")) {
$(this).after("<span class = 'error' style='color:red'><br />* Only digits allowed. No characters, spaces or periods</span>");
}
}
return ret;
});
$(".numeric").bind("paste", function (e) {
return false;
});
$(".numeric").bind("drop", function (e) {
return false;
});
});
</script>
<%-- Do not allow empty spaces when entering badge number--%>
<script type="text/javascript">
$(document).ready(function () {
$("#txtEmpID").on("keyup", function (e) {
$(this).val($(this).val().toString().replace(" ", ""));
});
});
</script>
</head>
<body>
<form class="form a" id="survey_form" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
function BeginRequestHandler(sender, args) {
var state = document.getElementById('loadingdiv').style.display;
if (state == 'block') {
document.getElementById('loadingdiv').style.display = 'none';
} else {
document.getElementById('loadingdiv').style.display = 'block';
}
args.get_postBackElement().disabled = true;
}
</script>
<script type="text/javascript">
function nospaces(t) {
if (t.value.match(/\s/g)) {
t.value = t.value.replace(/\s/g, '');
}
}
</script>
<script type="text/javascript">
function blink_text() {
$('.blink').fadeOut(500);
$('.blink').fadeIn(500);
}
refreshIntervalId = setInterval(blink_text, 1500);
setTimeout(function () {
clearInterval(refreshIntervalId);
}, 10000)
</script>
<script type="text/javascript">
function BtnClick() {
var val = Page_ClientValidate();
if (!val) {
var i = 0;
for (; i < Page_Validators.length; i++) {
if (!Page_Validators[i].isvalid) {
$("#" + Page_Validators[i].controltovalidate)
.css("border-color", "red");
}
}
}
return val;
}
</script>
<style type="text/css">
.blink { color: red; font-size: 26px; display: none; }
</style>
<asp:Panel ID="GridPanels" runat="server">
<div class="container-fluid">
<div class="bs-example">
<p><asp:Label id="lblResult" Visible="true" style="font-weight:bold;font-size:12px;" runat="server"></asp:Label></p>
<div style="margin-left:35px;margin-top:0px;">
<div class="bd-callout bd-callout-warning">
<p style="font-weight: bold; font-size: 1.0em;">
REPORT FOR THE YEAR ENDED DECEMBER 31, <asp:Label style="color:#000000;font-weight:600;font-size:large" ID="prevyr" runat="server"></asp:Label>
</p>
<p>Section 20-20.1 of our organization Code, adopted November 27, 2001, and Section 2-902 of the Code, adopted June 9, 2020, require certain employees and board members (collectively, “Reporters”) to disclose sources of income, as defined in said Code sections, earned/received by a Reporter or his/her Spouse in the preceding calendar year. Failure to file this Financial Disclosure report may result in discipline, public disclosure of the failure to file, and/or notice of such failure to our organization.</p>
<p style="font-weight:bold;">Individuals in the following positions are “Reporters” required to complete this Disclosure Report:</p>
<ul class="list1" valign="top">
<li>Employees of the Finance Department and Budget Office who have discretionary or supervisory authority over the investment of county funds or the auditing of county finances or contracts</li>
<li>Executive assistant/chief operating officr (COO)</li>
<li>Deputy chief operating officer(s)</li>
<li>Employees who report directly to the executive assistant/COO or deputy COOs</li>
<li>Department directors, assistant directors, associate directors, deputy directors, and division heads</li>
<li>Employees of the Purchasing and Contracting Department</li>
<li>County attorney and all assistant county attorneys</li>
<li>Zoning administrator and any assistant zoning administrators</li>
<li>Inspectors of private property or businesses regulated by the County</li>
<li>Assistant county administrators</li>
<li>Economic Development Department personnel (if any)</li>
<li>Members of the Planning Commission, Zoning Board of Appeals, and Technical Board of Appeals</li></ul>
</div>
<!-- <span style="color:#ff0000;font-size:24px;">*</span><span style="font-size:20px;color:#00008B;font-weight:bold;">Financial Disclosure Report requirements were suspended for 2 years due to the worldwide COVID-19 pandemic and the deadline for reporting for 2023 has been extended to 2024.</span>-->
<br /><br />
<p class="popintip" style="font-weight:bold;">Please complete the following information by May 10, 2025.<br /><br /><span style="color:red">*</span>Either fill out all input boxes, or place a checkmark to the checkbox under each input box.<br />
</p>
<hr style="border-width: 2px; background-color: #808080" />
<asp:UpdatePanel ID="PnlUsrDetails" runat="server">
<ContentTemplate>
<asp:MultiView ID="myMultiView" ActiveViewIndex="0" runat="server">
<asp:View ID="vwPersonalData" runat="server">
<!-- All user textboxes for input here -->
<span style="font-weight: bold; font-size: 18px; color: #000000;">Name, title, and email address of employee filing this report</span><br />
<br />
<div>
<div class="table-responsive">
<table>
<tr>
<td>
<div class="form-group">
<div class="bd-callout bd-callout-danger" style="width: 70%;">
<span class="blink">Please read carefully!</span><span style="font-size: 26px;"> Enter your Employee ID (Badge ID) below to begin*. If you do not have an Employee ID, use the First Initial of first name + first initial of Last Name + date of birth in the format of MMDDYYYY. (For example, John Doe born January 1, 1900 will be, JD01011900)</span>
</div>
<asp:TextBox ID="txtEmpID" MaxLength="10" placeholder="Enter Badge ID here..." Style="width: 150px;" class="form-control"
runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" SetFocusOnError="true" runat="server" Style="color: red; font-size: medium;" ErrorMessage="RequiredFieldValidator"
ControlToValidate="txtEmpID">Badge number is mandatory </asp:RequiredFieldValidator>
<br />
<asp:RegularExpressionValidator Style="font-size: medium;" SetFocusOnError="true" ID="RegularExpressionValidator2" runat="server"
ControlToValidate="txtEmpID" ErrorMessage="A minimum of 5 digits is required" ForeColor="Red"
ValidationExpression="^.{5,11}$" EnableClientScript="true">A minimum of 5 digits is required</asp:RegularExpressionValidator>
<br />
</div>
</td>
<td>
<div class="bd-callout bd-callout-danger" id="dprocessed" style="width: 90%;" runat="server" visible="false">
<div id="checkusername" runat="server" visible="false" style="white-space: nowrap">
<asp:Label ID="lblStatus" Style="font-size: 16px; font-weight: bold" runat="server"></asp:Label>
<asp:Image ID="imgstatus" runat="server" Width="17px" Height="17px" />
</div>
</div>
<div class="waitingdiv" id="loadingdiv" style="display: none; margin-left: 5.3em">
<img src="images/ajax-loader.gif" alt="Loading" />Please wait...
</div>
</td>
</tr>
</table>
</div>
<div class="table-responsive">
<table class="table">
<tr>
<td>
<div class="form-group">
<label id="lblEname"><span style="font-weight: bold; font-size: 16px; color: #000000;">Employee Name</span><span style="color: #ff0000">*</span></label>
<asp:TextBox ID="txteName" TabIndex="1" placeholder="Employee Name (e.g, Jane Doe)" Style="width: 205px;" class="form-control" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" Font-Bold="true"
SetFocusOnError="true" runat="server"
ErrorMessage="*" ControlToValidate="txteName" /><br />
</div>
</td>
<td>
<div class="form-group">
<label id="lblTitle"><span style="font-weight: bold; font-size: 16px; color: #000000;">Your title</span><span style="color: #ff0000">*</span></label>
<asp:TextBox ID="txttitle" TabIndex="2" placeholder="Employee title..." Style="width: 195px;" class="form-control" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" Font-Bold="true"
SetFocusOnError="true" runat="server"
ErrorMessage="*" ControlToValidate="txttitle" />
</div>
</td>
<td>
<div class="form-group">
<label id="lblEmail"><span style="font-weight: bold; font-size: 16px; color: #000000;">Your email address</span><span style="color: #ff0000">*</span></label>
<asp:TextBox ID="txtemail" TabIndex="3" placeholder="Employee email..." Style="width: 200px;" class="form-control" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtemail"
ForeColor="Red" ValidationExpression="^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$"
Display="Dynamic" ErrorMessage="Invalid email address" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" Font-Bold="true"
SetFocusOnError="true" runat="server"
ErrorMessage="*" ControlToValidate="txtemail" />
</div>
</td>
</tr>
</table>
</div>
<br />
<br />
<div id="mainContainer" class="container">
<div class="shadowBox">
<div class="page-container">
<div class="container">
<div class="row">
<div class="col-lg-12 ">
<div data-pattern="priority-columns">
<span style="font-weight: bold; font-size: 18px; color: #000000;">1. Name and address of sources of income for services of $1,000.00 or more of Reporter (excluding income received from our organization:</span><br />
<br />
<div class="table-responsive">
<asp:GridView ID="Gridview1" RowStyle-Wrap="false" GridLines="None" CssClass="responsiveTable1" runat="server" ShowFooter="true" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="RowNumber" Visible="false" HeaderText="Row Number" />
<asp:TemplateField HeaderText="Name">
<HeaderStyle HorizontalAlign="Left" />
<ItemTemplate>
<asp:TextBox ID="txtsourcename" TabIndex="4" Text='<%# Eval("sourcename") %>' placeholder="Name...(e.g, ABC, Inc.)" runat="server" Style="width: 375px;" class="form-control textClass align-left"></asp:TextBox><br />
<asp:CheckBox ID="grid1Details" ClientIDMode="Static" runat="server" Checked="false" /><span style="color: #ff0000">*Check this box if N/A</span>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Address">
<ItemStyle HorizontalAlign="Left"></ItemStyle>
<ItemTemplate>
<asp:TextBox ID="txtsourceaddress" TabIndex="5" Text='<%# Eval("sourceaddress") %>' placeholder="Address..." runat="server" Style="width: 375px;" class="form-control textClass align-left"></asp:TextBox><br />
<br />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:Button ID="ButtonAdd" runat="server" OnClientClick="BtnClick();" CausesValidation="true" Text="Add another row if needed"
CssClass="grvAddButton" /><br />
<br />
<br>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:Button ID="sourceDelete" runat="server" Text="Delete" CommandName="Delete"
CssClass="grvDelButton" OnClientClick="return confirm('Are you sure you want to remove this row?')" />
<br />
<br />
<br />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<span style="font-weight: bold; font-size: 18px; color: #000000;">2. Name and address of sources of income for services of $1,000.00 more of Spouse:</span><br />
<br />
<div class="table-responsive">
<asp:GridView ID="grvspouse" RowStyle-Wrap="false" GridLines="None" CssClass="responsiveTable1" runat="server" ShowFooter="true" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="SpouseNumber" Visible="false" HeaderText="Row Number" />
<asp:TemplateField HeaderText="Name">
<HeaderStyle HorizontalAlign="Left" />
<ItemTemplate>
<asp:TextBox ID="txtspousename" TabIndex="6" Text='<%# Eval("spousename") %>' placeholder="Name...(e.g, ABC, Inc.)" runat="server" Style="width: 375px;" class="form-control align-left"></asp:TextBox><br />
<asp:CheckBox ID="spouseDetails" ClientIDMode="Static" runat="server" Checked="false" /><span style="color: #ff0000">*Check this box if N/A</span>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Address">
<ItemStyle HorizontalAlign="Left"></ItemStyle>
<ItemTemplate>
<asp:TextBox ID="txtspouseaddress" TabIndex="7" Text='<%# Eval("spouseaddress") %>' placeholder="Address..." runat="server" Style="width: 375px;" class="form-control align-left"></asp:TextBox><br />
<br />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:Button ID="ButtonAdd2" runat="server" OnClientClick="BtnClick();" CausesValidation="true" Text="Add another row if needed"
CssClass="grvAddButton" /><br />
<br />
<br />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:Button ID="spouseDelete" runat="server" Text="Delete" CommandName="Delete"
CssClass="grvDelButton" OnClientClick="return confirm('Are you sure you want to remove this row?')" />
<br />
<br />
<br />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<span style="font-weight: bold; font-size: 18px; color: #000000;">3. Name and address of sources of interest or dividends of $5,000 or more of Reporter and/or Spouse (excluding IRA and mutual fund investments): </span>
<br />
<div class="table-responsive">
<asp:GridView ID="grvDiv" RowStyle-Wrap="false" GridLines="None" CssClass="responsiveTable1" runat="server" ShowFooter="true" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="DivsNumber" Visible="false" HeaderText="Row Number" />
<asp:TemplateField HeaderText="Name">
<HeaderStyle HorizontalAlign="Left" />
<ItemTemplate>
<asp:TextBox ID="txtdividentname" TabIndex="8" Text='<%# Eval("dividentName") %>' placeholder="Name of income or dividend source..." runat="server" Style="width: 375px;" class="form-control align-left"></asp:TextBox><br />
<asp:CheckBox ID="divDetails" runat="server" Checked="false" /><span style="color: #ff0000">*Check this box if N/A</span>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Address">
<ItemStyle HorizontalAlign="Left"></ItemStyle>
<ItemTemplate>
<asp:TextBox ID="txtdividentaddress" TabIndex="9" Text='<%# Eval("dividentAddress") %>' placeholder="Address..." runat="server" Style="width: 375px;" class="form-control align-left"></asp:TextBox><br />
<br />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:Button ID="ButtonAdd3" runat="server" OnClientClick="BtnClick();" CausesValidation="true" Text="Add another row if needed"
CssClass="grvAddButton" /><br />
<br />
<br />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:Button ID="divDelete" runat="server" Text="Delete" CommandName="Delete"
CssClass="grvDelButton" OnClientClick="return confirm('Are you sure you want to remove this row?')" />
<br />
<br />
<br />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<span style="font-weight: bold; font-size: 18px; color: #000000;">4. Name and address of sources of reimbursement of expenses of $1,000 or more of Reporter and/or Spouse: (excluding reimbursements from our organization and by any insurance program offered by our organization):</span><br />
<br />
<div class="table-responsive">
<asp:GridView ID="grvReim" RowStyle-Wrap="false" GridLines="None" CssClass="responsiveTable1" runat="server" ShowFooter="true" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="ReimNumber" Visible="false" HeaderText="Row Number" />
<asp:TemplateField HeaderText="Name">
<HeaderStyle HorizontalAlign="Left" />
<ItemTemplate>
<asp:TextBox ID="txtReimbursename" TabIndex="10" Text='<%# Eval("reimbursementName") %>' placeholder="Name of source of reimbursement..." runat="server" Style="width: 375px;" class="form-control align-left"></asp:TextBox><br />
<asp:CheckBox ID="reimDetails" runat="server" Checked="false" /><span style="color: #ff0000">*Check this box if N/A</span>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Address">
<ItemStyle HorizontalAlign="Left"></ItemStyle>
<ItemTemplate>
<asp:TextBox ID="txtReimburseaddress" TabIndex="11" Text='<%# Eval("reimbursementAddress") %>' placeholder="Address..." runat="server" Style="width: 375px;" class="form-control align-left" AutoPostBack="true"></asp:TextBox><br />
<br />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="ButtonAd4" runat="server" OnClientClick="BtnClick();" CausesValidation="true" Text="Add another row if needed"
CssClass="grvAddButton" /><br />
<br />
<br />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="">
<ItemTemplate>
<asp:Button ID="reimnDelete" runat="server" Text="Delete" CommandName="Delete"
CssClass="grvDelButton" OnClientClick="return confirm('Are you sure you want to remove this row?')" />
<br />
<br />
<br />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</asp:View>
<asp:View ID="vwPreview" runat="server">
<style type="text/css">
.modal { position: relative; top: -1em; z-index: 100; }
.loading { font-family: Arial; font-size: 10pt; border: 5px solid #0093B2; width: 200px; height: 100px; display: none; position: fixed; margin-top: 400px; margin-left: 300px; background-color: White; z-index: 999; }
</style>
<script type="text/javascript">
$(function () {
$('#btnSave').click(function (e) {
if ($('#<%=chkTerms.ClientID%>').prop('checked')) {
$(".loading").addClass('modal');
$(".loading").show();
}
else {
$('#TermsRequired').show();
$('#boxchk').hide();
e.preventDefault();
}
});
$('#chkTerms').click(function () {
if ($(this).prop('checked')) {
$('#TermsRequired').hide();
}
});
});
</script>
<br />
<div class="table-responsive">
<!-- Labels to preview input here -->
<span style="font-weight: bold; font-size: 16pt;">Please verify your report before submitting:</span>
<br />
<br />
<%--BEGIN: This part is streamed into PDF and sent as attachment to email on the fly--%>
<div id="EmailCopy">
<span style="font-weight: bold; font-size: 18px; color: #000000;">Name, title, email address, and Badge ID of employee filing this report</span>
<table style="width: 100%" class="table">
<tr>
<td style="margin-left: 20px;"><span style="font-weight: bold; font-size: 12px;">Employee Name:</span>
<asp:Label ID="lblEmpName" runat="server" /></td>
<td><span style="font-weight: bold; font-size: 12px;">Title:</span>
<asp:Label ID="lblPreviewTitle" runat="server" /></td>
<td><span style="font-weight: bold; font-size: 12px;">Email:</span>
<asp:Label ID="lblPreviewEmail" runat="server" /></td>
<td><span style="font-weight: bold; font-size: 12px;">Badge ID:</span>
<asp:Label ID="lblPreviewEmpID" runat="server" /></td>
</tr>
</table>
<hr />
<span style="font-weight: bold; font-size: 18px; color: #000000;">1. Name and address of sources of income for services of $1,000.00 or more of Reporter (excluding income received from our organization):</span>
<table style="width: 100%" class="table">
<tr>
<td>
<asp:Label ID="lblPreviewSourceName" Style="font-size: 12px; text-align: left;" runat="server" /></td>
</tr>
</table>
<br />
<span style="font-weight: bold; font-size: 18px; color: #000000;">2. Name and address of sources of income for services of $1,000.00 more of Spouse:</span>
<table style="width: 100%" class="table">
<tr>
<td>
<asp:Label ID="lblPreviewSpouseName" Style="font-size: 12px; text-align: left;" runat="server" /></td>
</tr>
</table>
<br />
<span style="font-weight: bold; font-size: 18px; color: #000000;">3. Name and address of sources of interest or dividends of $5,000 or more of Reporter and/or Spouse (excluding IRA and mutual fund investments):</span>
<table style="width: 100%" class="table">
<tr>
<td>
<asp:Label ID="lblPreviewDividentName" Style="font-size: 12px; text-align: left;" runat="server" /></td>
</tr>
</table>
<br />
<span style="font-weight: bold; font-size: 18px; color: #000000;">4. Name and address of sources of reimbursement of expenses of $1,000 or more of Reporter and/or Spouse: (excluding reimbursements from our organization and by any insurance program offered by our organization):</span>
<table style="width: 100%" class="table">
<tr>
<td>
<asp:Label ID="lblPreviewReimburseName" Style="font-size: 12px; text-align: left;" runat="server" /></td>
</tr>
</table>
<br />
<span style="font-weight: bold; font-size: 18px; color: #000000;">5. Name and address of sources of Honoraria accepted by Reporter for speaking engagements, participation in seminars, discussion panels or other activities that directly relate to Reporter’s official duties in the aggregate amount of $100.00 or more in each instance:</span>
<table style="width: 100%" class="table">
<tr>
<td>
<asp:Label ID="lblPreviewHonoraria" Style="font-size: 12px; text-align: left;" runat="server" /></td>
</tr>
</table>
<br />
<span style="font-weight: bold; font-size: 18px; color: #000000;">6. Name and address of the sources of any gift or gifts of more than $50 individually or $100 in aggregated monetary value that Reporter and/or Spouse received from a single source that is doing business with the organization, seeking to do business with the organization, or is requesting official action from the organization, or is regulated by, the organization:</span>
<table style="width: 100%" class="table">
<tr>
<td>
<asp:Label ID="lblPreviewGiftName" Style="font-size: 12px; text-align: left;" runat="server" /></td>
</tr>
</table>
<br />
<span style="font-weight: bold; font-size: 18px; color: #000000;">7. Name and address of any organization in which the Reporter and/or Spouse is an officer, director, partner, proprietor, or employee or serves in any advisory or contractual capacity from which income of $1,000.00 or more was derived:</span>
<table style="width: 100%">
<tr>
<td>
<asp:Label ID="lblPreviewOrgName" Style="font-size: 12px; text-align: left;" runat="server" /></td>
</tr>
</table>
<br />
<span style="font-weight: bold; font-size: 18px; color: #000000;">8. Name and address of each creditor to whom the Reporter and Spouse was indebted for a period of 90 consecutive days or more in an amount of $7,500.00 or more, except for retail installment debt, any debt secured by real property or vehicles, credit card debt, medical expense debt, student loan debt, debt for child support or alimony, or tax debt:</span>
<table style="width: 100%" class="table">
<tr>
<td class="auto-style1">
<asp:Label ID="lblPreviewCreditorName" Style="font-size: 12px; text-align: left;" runat="server" /></td>
</tr>
</table>
</div>
<div>
<asp:CheckBox ID="chkTerms" runat="server" />
<asp:Label ID="boxchk" runat="server" Style="color: #FF9900; font-weight: bold;" Text="<== Please Check box" />
<span id="TermsRequired" style="display: none; color: red;"><span style="color: red;">You must check the box to consent to statement below before you can submit your data</span></span>
</div>
Under penalty of perjury, I, <span style="text-decoration: underline; font-weight: bold;">
<asp:Label ID="lblSign" runat="server" /></span>, certify that the information provided in this Financial Report, is complete, accurate and truthful, to the best of my knowledge. In signing the Financial Disclosure Report, I understand that the failure to provide complete, accurate, and truthful information may result in disciplinary action against me by department.<br />
<div class="loading tbh" style="display: none;">
Saving. Please wait.<br />
<br />
<img src="images/ajax-loader.gif" alt="" />
</div>
</asp:View>
</asp:MultiView>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<br />
<div class="container">
<div class="row d-flex align-items-center justify-content-center">
<div class="col-md-6">
<div id="lght" runat="server" class="btn btn-primary glyphicon glyphicon-arrow-left">
<asp:Button ID="btnBack" BackColor="Transparent" CssClass="grvAddButton" runat="server" BorderWidth="0" Text="Go Back & Make Changes" />
</div>
</div>
<div class="col-md-3">
<div id="rght" runat="server" class="btn btn-primary glyphicon glyphicon-arrow-right">
<asp:Button ID="btnNext" TabIndex="20" BackColor="Transparent" CssClass="btnNext" runat="server" BorderWidth="0" OnClientClick="BtnClick();" CausesValidation="true" Text="Review Form" />
</div>
</div>
<div class="col-md-3">
<div id="sve" runat="server" class="btn btn-primary glyphicon glyphicon-send">
<asp:Button ID="btnSave" BackColor="Transparent" runat="server" BorderWidth="0" Text=" Submit " />
</div>
</div>
</div>
</div>
</div>
</div>
<asp:HiddenField ID="hfcopydHtml" ClientIDMode="Static" ViewStateMode="Enabled" runat="server" />
<script src="js/core.js" type="text/javascript"></script>
</asp:Panel>
<script type="text/javascript">
$(function () {
$("[id*=btnSave]").click(function () {
$("[id*=hfcopydHtml]").val($("#EmailCopy").html());
});
});
</script>
</form>
</body>
</html>
As always, thank you very much for your assistance in advance
