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

Edit Box does not always float over row when using Safari

Hans — Wed, 18 Apr 2012 23:23:25 GMT

Hello,

I apologize for this misunderstanding.
I’ve been able to replicate your issue on my PC (by using Safari).
And I’ve made a simple sample to help you to resolve your issue (by modifying XHTML DOCTYPE to HTML DOCTYPE)

Unfortunately, I don’t have any privilege to upload my sample to our server. I need to get the privilege from my supervisor. Therefore, I attached my sample to my last post.
However, like I said in my last post, you could see WebGrid data editing in HTML & XHTML DOCTYPE in our live sample.

Would you mind to clarify that you can edit on WebGrid HTML doctype in our live sample. If yes, Please try to use our latest hotfixes.
Then let me know if the issue still persists or not.

Thank you.
Regards,
Hans.

Edit Box does not always float over row when using Safari

DJBadin — Wed, 18 Apr 2012 06:22:57 GMT

Hi,

As described in my first post, you do not need an iPad or iPhone to reproduce the problem. All you need is Safari on a PC. Maybe your confusion is because I said it was initially reported on an iPad.

I could not find your EditBox_Safari.zip (wgEditBox_Safari_Issue.aspx) on the links you provided in your last posting. Where is it?

The original problem with the Edit Box not floating over the correct row can not be reproduced with the links you provided in your last email because a scroll bar for the browser is not generated. There is a scroll bar for the WebGrid but that is not the problem. Also, those links show the WebGrid in and IFRAME and the WebSite will not allow anything but, so I can not confidently confirm the other problem with putting a HTML DOCTYPE WebGrid in Edit Mode with Safari.

Will you please provide EditBox_Safari.zip (wgEditBox_Safari_Issue.aspx) on a different WebSite as standalone for my testing to confirm your results?

Thanks,

Doug

The links you pro

Edit Box does not always float over row when using Safari

Hans — Tue, 17 Apr 2012 22:57:22 GMT

Hello,

I’m sorry for the inconvenience.
Unfortunately I don’t have any mobile device like iPad or iPhone for testing your issue.
As far as I know, if I double tab on screen (to go into edit mode), that will zoom the page not go into edit mode.

To see the sample about data editing in WebGrid in HTML DOCTYPE, please follow this link:
http://live.intersoftpt.com/Default.aspx?p=/WebGrid//DataEditing

Or to see the sample about WebGrid in XHTML DOCTYPE, please follow this link:
http://live.intersoftpt.com/Default.aspx?path=/WebGrid/User%20Interface&url=cs/WebGrid/XHTML.aspx

For further information about our WebGrid sample, please follow this link: http://live.intersoftpt.com/

Thank you.

Regards,
Hans.

Edit Box does not always float over row when using Safari

DJBadin — Tue, 17 Apr 2012 16:35:55 GMT

Hi,

With your code I also can not get into Edit Mode.

I was waiting until your next upcoming major release to upgrade everything. I am currently on WebUI Studio 2011 R1.

Anyway you can make your sample available on your server for me to try? If it works it will help me justify the upgrade to my client.

Thanks,

Doug

Edit Box does not always float over row when using Safari

Hans — Tue, 17 Apr 2012 03:47:15 GMT

Hello,

I’ve made a simple sample that maybe similar with your scenario. Then I use HTML DOCTYPE in my sample.

But unfortunately, I can’t replicate your issue. I still can go into edit mode.

Please run my attached sample, then try to go into edit mode. In my sample, I use Nortwind.mdb database & Employees table.

If you still can’t go into edit mode in my sample. Please try to update the WebGrid to the latest hotfix. Then let me know if the issue still persists or not.

Hope this helps. Thank you.

Regards,

Hans

Edit Box does not always float over row when using Safari

DJBadin — Tue, 17 Apr 2012 00:57:50 GMT

Hi,

When I do that, the grid will not go into edit mode.

Do I need to add something?

Thanks,

Doug

Edit Box does not always float over row when using Safari

Hans — Mon, 16 Apr 2012 22:40:26 GMT

Hello,

The snippet HTML code that you show is XHTML DOCTYPE.

Let me show you how to change XHTML DOCTYPE to HTML DOCTYPE.

Here’s snippet XHTML DOCTYPE code below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Please change the snippet that code above to:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<html>

Hope this help. Thank you.

Regards,

Hans.

Edit Box does not always float over row when using Safari

DJBadin — Mon, 16 Apr 2012 14:41:49 GMT

Hi,

There is an HTML DOCTYPE.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Do you mean a different one?

What does it look like?

Thanks,

Doug

Edit Box does not always float over row when using Safari

Hans — Mon, 16 Apr 2012 05:09:39 GMT

Hello,

I’m sorry for the inconvenience. I am able to replicate your issue as well.
Your issue has been reported to developer division. I’ll let you know if this issue has been fixed.

However, for the time being, you could use HTML DOCTYPE in your page, to resolve this issue.

Thank you for understanding.

Regards,
Hans.

Edit Box does not always float over row when using Safari

DJBadin — Fri, 13 Apr 2012 16:12:50 GMT

Attached Screen Shots

Edit Box does not always float over row when using Safari

DJBadin — Fri, 13 Apr 2012 16:08:50 GMT

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