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

Community / WebCombo

Latest Development Blogs

Retrieving News

ForumPostTopic

WebGrid Enterprise

2138

8348

WebCombo

357

1383

WebDesktop

430

1620

WebTreeView

263

WebScheduler

253

944

WebTextEditor

118

423

357

134

114

567

1861

Lounge

305

768

Crosslight

366

1443

Browse By Tag

Edit Box does not always float over row when using Safari

1 reply. Last post: April 13, 2012 4:10 PM by Douglas Badin

Tags :

(None)

Create New

New Discussion
New Question
New Product Feedback

Post Reply

Douglas BadinMember

Posted: April 13, 2012 4:05 PM

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>