Edit Box does not always float over row when using Safari

DJBadin — Fri, 13 Apr 2012 16:10:14 GMT

Reposted in WebGrid

Edit Box does not always float over row when using Safari

DJBadin — Fri, 13 Apr 2012 16:05:49 GMT

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) showing how to reproduce the problem.

The following code uses the Northwind Database and the Connection String must be changes 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

Intersoft Community - WebCombo - Edit Box does not always float over row when using Safari

Edit Box does not always float over row when using Safari

Edit Box does not always float over row when using Safari