Is there a way to size the text boxes when editing using checkboxes with multiple editing? I have a page that is 13 columns and have to scroll to edit the far right fields.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="OEERun.aspx.vb" Inherits="OEERun" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"/>
<link rel="stylesheet" href="/resources/demos/style.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('.actualin').datepicker({
dateFormat: 'mm-dd-yy',
onSelect: function (datetext) {
var d = new Date(); // for now
$('.actualin').val(datetext);
}
});
});
</script>
<style type = "text/css">
input[type=text], select{background-color:#FFFFD2; border:1px solid #ccc}
.style2
{
width: 100px;
height: 41px;
}
.style4
{
width: 15px;
height: 41px;
}
.style6
{
width: 65px;
height: 41px;
}
.style8
{
width: 229px;
height: 41px;
}
.style9
{
width: 110px;
height: 41px;
}
.style10
{
width: 198px;
height: 41px;
}
.style11
{
width: 141px;
height: 41px;
}
</style>
</head>
<body style = "font-family:Arial;font-size:10pt">
<form id="form1" runat="server" style="background-color: #FFFFFF">
<table border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="White">
<td class="style9" >
Facility<br />
<asp:TextBox ID="txtOEEFacility" runat="server" Width="38px" Text="CG" />
<br />
<br />
<br />
</td>
<td class="style4" >
WorkCenter<br />
<asp:TextBox ID="txtOEEWC" runat="server" Width="57px" Text="" />
<br />
<br />
<br />
</td>
<td class="style2" align="center">
MMMID<br />
<asp:TextBox ID="TxtOEEmmmid" runat="server" Width="100px" Text="" />
<br />
<br />
<br />
</td>
<td class="style6" align="center">
Sequence<br />
<asp:TextBox ID="TxtOEESeq" runat="server" Width="38px" Text="" Height="20px" />
<br />
<br />
<br />
</td>
<td class="style11" >
FOP Step<br />
<asp:TextBox ID="TextOEEFOP" runat="server" Width="100px" Text=""
Height="20px" />
<br />
<br />
<br />
</td>
<td class="style6" >
Code<br />
<asp:TextBox ID="TxtOEECode" runat="server" Width="69px" Text="" />
<br />
<br />
<br />
</td>
<td class="style6" >
Description<br />
<asp:TextBox ID="TxtOEEDesc" runat="server" Width="100px" Text="" />
<br />
<br />
<br />
</td>
<td class="style6" >
Target<br />
<asp:TextBox ID="TxtOEETarget" runat="server" Width="58px" Text="" />
<br />
<br />
<br />
</td>
<td class="style6" >
Scaleable<br />
<asp:TextBox ID="TxtOEEScale" runat="server" Width="58px" Text="" />
<br />
<br />
<br />
</td>
<td class="style6" >
Optional_Step<br />
<asp:TextBox ID="TxtOEEOption" runat="server" Width="100px" Text="" />
<br />
<br />
<br />
</td>
<td class="style8" >
Changed By:<br />
<asp:TextBox ID="TxtOEEChange" runat="server" Width="80px" Text="" />
<br />
<br />
<br />
</td>
<td class="style2" >
<br />
<asp:Button ID="btnAdd" runat="server" Text="Add" Height="26px" Width="49px" />
<br />
<br />
<br />
</td>
</tr>
</table>
<asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false"
DataKeyNames = "MMM_Facility_Code,Work_Center_Code, MMM_Id_Nbr, Sequence"
BackColor="White">
<rowstyle backcolor="LightCyan"
forecolor="DarkBlue"
/>
<alternatingrowstyle backcolor="PaleTurquoise"
forecolor="DarkBlue"
/>
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID = "chkAll" runat="server" AutoPostBack="true" OnCheckedChanged="OnCheckedChanged" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="true" OnCheckedChanged="OnCheckedChanged" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Facility" ItemStyle-Width = "30">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("MMM_Facility_Code") %>'></asp:Label>
<asp:TextBox ID="TxtFacility" runat="server" ReadOnly = "True" Text='<%# Eval("MMM_Facility_Code") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="WC" ItemStyle-Width = "10">
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text='<%# Eval("Work_Center_Code") %>'></asp:Label>
<asp:TextBox ID="TxtWC" runat="server" ItemStyle-Width = "10" ReadOnly = "True" Text='<%# Eval("Work_Center_Code") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="3M ID" ItemStyle-Width = "100">
<ItemTemplate>
<asp:Label ID="Label3" runat="server" Text='<%# Eval("MMM_Id_Nbr") %>'></asp:Label>
<asp:TextBox ID="Txtmmmid" runat="server" ReadOnly = "True" Text='<%# Eval("MMM_Id_Nbr") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Sequence" ItemStyle-Width = "30">
<ItemTemplate>
<asp:Label ID="Label4" runat="server" Text='<%# Eval("Sequence") %>'></asp:Label>
<asp:TextBox ID="TxtSequence" runat="server" ReadOnly = "True" Text='<%# Eval("Sequence") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="FOPStep" ItemStyle-Width = "50">
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# Eval("FOP_Step") %>'></asp:Label>
<asp:TextBox ID="TxtFOPStep" runat="server" Text='<%# Eval("FOP_Step") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Code" ItemStyle-Width = "50">
<ItemTemplate>
<asp:Label ID="Label6" runat="server" Text='<%# Eval("Code") %>'></asp:Label>
<asp:TextBox ID="TxtCode" runat="server" Text='<%# Eval("Code") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Description" ItemStyle-Width = "80">
<ItemTemplate>
<asp:Label ID="Label7" runat="server" Text='<%# Eval("Description") %>'></asp:Label>
<asp:TextBox ID="TxtDesc" runat="server" Text='<%# Eval("Description") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Target" ItemStyle-Width = "50">
<ItemTemplate>
<asp:Label ID="Label8" runat="server" Text='<%# Eval("Target") %>'></asp:Label>
<asp:TextBox ID="TxtTarget" runat="server" Text='<%# Eval("Target") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Scaleable" ItemStyle-Width = "30">
<ItemTemplate>
<asp:Label ID="Label9" runat="server" Text='<%# Eval("Scaleable") %>'></asp:Label>
<asp:TextBox ID="TxtScale" runat="server" Text='<%# Eval("Scaleable") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Optional_Step" ItemStyle-Width = "30">
<ItemTemplate>
<asp:Label ID="Label10" runat="server" Text='<%# Eval("Optional_Step") %>'></asp:Label>
<asp:TextBox ID="TxtOption" runat="server" Text='<%# Eval("Optional_Step") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Changed By" ItemStyle-Width = "50">
<ItemTemplate>
<asp:Label ID="Label11" runat="server" Text='<%# Eval("Row_Changed_By") %>'></asp:Label>
<asp:TextBox ID="TxtChange" runat="server" Text='<%# Eval("Row_Changed_By") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Row Insert" ItemStyle-Width = "100">
<ItemTemplate>
<asp:Label ID="Label12" runat="server" Text='<%# Eval("Row_Insert_Datetime") %>'></asp:Label>
<asp:TextBox ID="TxtInsert" ItemStyle-Width = "10 " runat="server" ReadOnly = "True" Text='<%# Eval("Row_Insert_Datetime") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Row Update" ItemStyle-Width = "100">
<ItemTemplate>
<asp:Label ID="Label13" runat="server" Text='<%# Eval("Row_Update_Datetime") %>'></asp:Label>
<asp:TextBox ID="TxtUpdate" runat="server" class="actualin" Text='<%# Eval("Row_Update_Datetime") %>' Visible="false"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<br />
<asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick = "Update" Visible = "false"/>
</form>
</body>
</html>
