Edit Box does not always float over row when using Safari

10 replies. Last post: April 18, 2012 11:23 PM by Hans Kristian
Tags :
  • New Discussion
  • New Question
  • New Product Feedback

Edit Box does not always float over row when using Safari


WebGrid Safari Edit Float,

 

Hi,

When the WebGrid can not be displayed in all of the Browser Window, Edit Boxes may not apear over the correct row when the Browser is not scrolled to the top.


Originally this problem was reported to me for the iPhone, iPad and Android base technologies, all of which were using the latest versions.

I was able to reproduce it with Safari 4.0.4 (531.21.10)..

I was not able to reproduce the problem with IE, FireFox or Chrome.

The website is using WebGrid Editor 7.0.7200.429

I have attached Screen Shots (InterSoft.WebGrid.Safari.Float.rtf) shows how to reproduce the problem.

The following code uses the Northwind database and the connection string must be changed appropriately.

 

<%@ Page Language="C#" %>

<%@ Register assembly="ISNet.WebUI.WebCombo" namespace="ISNet.WebUI.WebCombo" tagprefix="ISWebCombo" %>
<%@ Register Assembly="ISNet.WebUI.WebGrid" Namespace="ISNet.WebUI.WebGrid" TagPrefix="ISWebGrid" %>
<%@ Register Assembly="ISNet.WebUI.WebInput" Namespace="ISNet.WebUI.WebControls" TagPrefix="ISWebInput" %>

<!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>
</head>

<script language="javascript" type="text/javascript">
</script>

<body>
    <form id="form1" runat="server">

	<asp:TextBox ID="CustomerID_TextBox" runat="server" Visible="false" Text="ALFKI"/>
	<asp:TextBox ID="OrderID_TextBox" runat="server" Visible="false" Text="10643"/>

	<br />

		<ISWebGrid:WebGrid
			ID="OrderDetails_WebGrid"
			runat="server"
			DataSourceID="OrderDetails_SqlDataSource"
			DefaultStyleMode="Win7"
			Height="300px"
			UseDefaultStyle="True"
			Width="620px"
		>
			<LayoutSettings
				AllowAddNew="Yes"
				AllowDelete="Yes"
				AllowEdit="Yes"
				AllowSorting="Yes"
			>
			</LayoutSettings>
			<RootTable
				DataKeyField="OrderID"
			>
				<Columns>
					<ISWebGrid:WebGridColumn
						Name="ProductID_WebGridColumn"
						Bound="True"
						DataMember="ProductID"
						Caption="Product Number"
						Width="130px"
					>
						<ValueList
							DataTextField="ProductID"
							DataValueField="ProductID"
						>
						</ValueList>
						<HeaderStyle
							Font-Bold="true"
							HorizontalAlign="Center"
						/>
					</ISWebGrid:WebGridColumn>
					<ISWebGrid:WebGridColumn
						Name="ProductName_WebGridColumn"
						Bound="False"
						DataMember="ProductName"
						Caption="Product Name"
						Width="300px"
					>
						<HeaderStyle
							Font-Bold="true"
							HorizontalAlign="Center"
						/>
					</ISWebGrid:WebGridColumn>
					<ISWebGrid:WebGridColumn
						Name="Quantity_WebGridColumn"
						Bound="True"
						DataMember="Quantity"
						DataType="System.Decimal"
						CustomEditorName="WebInputNET"
						Caption="Quantity"
						Width="70px"
						DataFormatString="#,###"
						DefaultValue="1"
					>
						<CellStyle
							HorizontalAlign="Right"
						/>
						<HeaderStyle
							Font-Bold="true"
							HorizontalAlign="Right"
						/>
					</ISWebGrid:WebGridColumn>
					<ISWebGrid:WebGridColumn
						Name="UnitPrice_WebGridColumn"
						Bound="True"
						DataMember="UnitPrice"
						DataType="System.Decimal"
						Caption="Price"
						Width="80px"
						DataFormatString="$#,###.00"
						DefaultValue="45"
					>
						<CellStyle
							HorizontalAlign="Right"
						/>
						<HeaderStyle
							Font-Bold="true"
							HorizontalAlign="Right"
						/>
					</ISWebGrid:WebGridColumn>
				</Columns>
			</RootTable>
		</ISWebGrid:WebGrid>

		<asp:SqlDataSource
			ID="OrderDetails_SqlDataSource"
			runat="server"
			ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString2005 %>"
			SelectCommand="
							SELECT
								*
							FROM
								[Order Details]
							WHERE
								[OrderID]	= @OrderID
							ORDER BY
								[OrderID]
							"
		>
			<SelectParameters>
				<asp:ControlParameter
					Name="OrderID"
					ControlID="OrderID_TextBox"
					PropertyName="Text"
					DefaultValue=""
				/>
			</SelectParameters>
		</asp:SqlDataSource>

    </form>
</body>
</html>

Thanks,

 

Doug

All times are GMT -5. The time now is 10:46 PM.
Previous Next