iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
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
Attached Screen Shots
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.
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?
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:
<html xmlns="http://www.w3.org/1999/xhtml">
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.
When I do that, the grid will not go into edit mode.
Do I need to add something?
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.
Hans
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.
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.
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?
The links you pro
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.
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname