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
Hi
First off all @Webgrid Team, The selectFiles option in the upload box in this forum is not working in Firefox. Now Please check the attached screenshots for the display of Webgrid in IE7 and FF3.5 browsers. The file Extraspace is the screenshot given by the webgrid team for webgrid in ff. That screenshot was based on my sample. The attached screenshots(first two) are the ones am getting. The below are my design code.Please check that.
<head id="Head1" runat="server"> <title>Test Page</title> <script type="text/javascript"> window.onload=function() { var grid = ISGetObject("WG1"); grid.HideFilterBar(); grid.RootTable.GetFilterRow().nextSibling.style.display = "none"; } </script> </head> <body style="overflow: hidden;"> <form id="form1" runat="server"> <div style="overflow:hidden;width:100%;height:300px"> <ISWebGrid:WebGrid ID="WG1" runat="server" Height="100%" Width="100%" DefaultStyleMode="elegant" UseDefaultStyle="true"> <RootTable> <Columns> <ISWebGrid:WebGridColumn Caption="Patient Id" DataMember="CLIENT_NO" Name="Patient No" Width="84px"> </ISWebGrid:WebGridColumn> <ISWebGrid:WebGridColumn Caption="Search Code" DataMember="SEARCHCODE" Name="Search Code" Width="91px"> </ISWebGrid:WebGridColumn> <ISWebGrid:WebGridColumn Caption="Name" DataMember="NAME" Name="Name" Width="210px"> </ISWebGrid:WebGridColumn> <ISWebGrid:WebGridColumn IsAutoWidth="true" Caption="Street" DataMember="STREET" Name="Street" Width="100%"> </ISWebGrid:WebGridColumn> </Columns> </RootTable> <LayoutSettings> <ClientSideEvents /> <HeaderStyle CssClass="WG5E-Header" CustomRules="padding:3px;" /> <RowStyle CssClass="WG5E-Row" CustomRules="padding:3px;" /> <SelectedRowStyle CssClass="WG5E-SR" CustomRules="padding:3;" /> <AlternatingRowStyle CssClass="WG5E-AR" CustomRules="padding:3;" /> <TextSettings Language="UseCulture" UseWebResources="false"> </TextSettings> </LayoutSettings> </ISWebGrid:WebGrid> </div> </form> </body>
The following is the vb code corresponding to the design
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load If Not Page.IsPostBack Then Dim objDataTable As New System.Data.DataTable 'Create three columns with string as their type objDataTable.Columns.Add("CLIENT_NO", String.Empty.GetType()) objDataTable.Columns.Add("SEARCHCODE", String.Empty.GetType()) objDataTable.Columns.Add("NAME", String.Empty.GetType()) objDataTable.Columns.Add("STREET", String.Empty.GetType()) 'Adding some data in the rows of this DataTable objDataTable.Rows.Add(New String() {"Row1 - Column1", "Row1 - Column2", "Row1 - Column3", "Row4 - Column4"}) objDataTable.Rows.Add(New String() {"Row2 - Column1", "Row2 - Column2", "Row2 - Column3", "Row4 - Column4"}) objDataTable.Rows.Add(New String() {"Row3 - Column1", "Row3 - Column2", "Row3 - Column3", "Row4 - Column4"}) objDataTable.Rows.Add(New String() {"Row4 - Column1", "Row3 - Column2", "Row3 - Column3", "Row4 - Column4"}) objDataTable.Rows.Add(New String() {"Row5 - Column1", "Row3 - Column2", "Row3 - Column3", "Row4 - Column4"}) objDataTable.Rows.Add(New String() {"Row6 - Column1", "Row3 - Column2", "Row3 - Column3", "Row4 - Column4"}) WG1.DataSource = objDataTable WG1.DataBind() End If End Sub
I have applied all the latest hotfix from webgrid team for webui and webgrid. This includes both scripts and dll files. However am not able to get any good result. Hope someone here can help me out.
I see your problem. Yes, you can remove the "extra" column while using AutoFitColumns feature.
Try pasting the below code to the OnInitialize client side event in your Grid:
function WebGrid1_OnInitialize(controlId) { var grid = ISGetObject(controlId); grid.HidePadColumn = true; // hide extra column in AutoFitColumns }
Let me know if that works for you.
Hi,
I recall if I'm the person that sent you the hotfix and sample page.I've sent sample page to you with the screenshot result in IE7 and FF 3.5 (the latest one), and I believe if the sample is work perfectly here. Please find attached sample, and 2 screenshots show in IE7 and FF 3.5.What I can see on your code snippet you didn't set AutoFitColumns="true" in LayoutSettings. But to make it simple, please check attached sample and if you find something weird with the sample or perhaps you have different scenario, could you please modify the sample until it reproduce the same issue as what you got at your end?
Hello,
The Select File for attachment has been further enhanced (for Firefox 3.5), and it should work fine now. Please give it a spin.
Regarding your appearance issue in IE7, that is due to the "padding" style that you add in the heading style. IE7 doesn't support box-sizing yet in XHTML document type, and thus doesn't translate "padding" correctly as other browsers do.
There are two possible solutions to this issue:
I dont have any problem with IE7. I have rectified all issues with IE7 and applied padding as well. No problems at all . My question is as in my post is Firefox3.5 with webgrid and not IE7. Please check the screenshot that i attached in the original post and check the extra space shown in FF3.5 and please check the screenshot given to me by the webgrid team(file name extraspce.png). And if u have got a working sample with fullwidth in firefox3.5, please attach that here. I want the sample in the form, where all columns are applied with percentage width or atleast last column with percentage width. I tried everything i could have done for Firefox but no result. With Autofitcolumns, there comes an extraspace at the end, which becomes reserved later on for scrollbar. After contacting the webgrid team i could find that, the extraspace is the default option in autofitcolumns. So am fed up. Please reply as soon as possible. And about the select file for attachment-> No, it is not working anyway. Am using ff 3.5.2.
And about the select file for attachment-> No, it is not working anyway. Am using ff 3.5.2.
I've just tried to perform "Select File" using Firefox 3.5.2, and I can click on the Select File button without issue (unlike previously). Try to clear your cache, and then test again.
Note: You should wait until the document is loaded completely before you can click on the "Select File".
Please let me know if you still encounter the problem.
Ok. the select file is working fine now...thanks for the reply
Now about the code you have given,
grid.HidePadColumn = true;
It worked for some webgrids but not for all. In fact for some webgrids, there comes a little space with a maximum width of 1px. See the screenshot attached herewith. And i assume its not the problem with my part. See the design code below.
<ISWebGrid:WebGrid ID="WGQn" EnableViewState="false" runat="server" Height="120px" HorizontalAlign="NotSet" Width="100%" AllowAutoDataCaching="True" UseDefaultStyle="true" DefaultStyleMode="elegant"> <RootTable DataKeyField="I_QUEST_BLOCK" GridLineStyle="notset"> <Columns> <ISWebGrid:WebGridColumn Caption="Date Done" DataMember="DATE_DONE" DataType="System.DateTime" Name="Date Done" Width="150px"> <HeaderStyle CssClass="WG5-Header" Font-Names="sans-serif" Font-Size="8" Padding-Left="2"> </HeaderStyle> </ISWebGrid:WebGridColumn> <ISWebGrid:WebGridColumn Caption="Name" DataMember="Name" Name="name" Width="200px"> <HeaderStyle CssClass="WG5-Header" Font-Names="sans-serif" Font-Size="8" Padding-Left="2"> </HeaderStyle> </ISWebGrid:WebGridColumn> <ISWebGrid:WebGridColumn Caption="Result" DataMember="Result" Name="Result"> <HeaderStyle CssClass="WG5-Header" Font-Names="sans-serif" Font-Size="8" Padding-Left="2"> </HeaderStyle> </ISWebGrid:WebGridColumn> </Columns> </RootTable> <LayoutSettings InProgressUIBehavior="ChangeCursorToHourGlass" GroupByBoxVisible="false" CellPaddingDefault="2" RowHeaders="No" StatusBarVisible="False" AllowColumnMove="No" AlternatingColors="True" AllowColumnSizing="No" GridLines="None" AutoFitColumns="true" > <HeaderStyle CssClass="WG5E-Header" Font-Names="sans-serif" Font-Size="8" Height="0px" Padding-Left="2"></HeaderStyle> <FrameStyle BorderStyle="none"> </FrameStyle> <RowStyle Cursor="Hand" CssClass="WG5E-Row" Font-Names="sans-serif" Font-Size="8" Padding-Left="2" /> <AlternatingRowStyle Cursor="Hand" CssClass="WG5E-AR" Font-Names="sans-serif" Font-Size="8" Padding-Left="2" /> <ClientSideEvents OnCellDblClick="gotoQuestionDetails()" OnRowContextMenu="HandleRowContextMenuQn" OnInitialize="WG_Init" /> </LayoutSettings> </ISWebGrid:WebGrid>
I tried the page with Firebug. The extra space that you can see right now was found out to be a td as flollows
<td class="WG5E-Header ctl00cph1WGQn-Header" style="width: 100%;"> </td>
And i assume that this is the same one we are hiding. Isnt it? So it could be a bug. Because i could find out that, for those webgrids in which it worked, this td exists, but not shown. So somehow this is not working perfectly for some webgrids. Those working and non working webgrids have got exactly similar layout applied. To clarify more, am attaching the working webgrid's screenshot for you.
And moreover, this is not exactly what i want.I will clarify it here-> 1.All the columns except last one are put in pixel width. And the last one as width=100%. Works fine in IE. Why am putting specific width? the answer is each columns should have given specific width, according to the client. So an all column percentage width scenario wont work at all. And last column's width is not specific, so i need to put it to maximum, to cop up with the resolution changes. 2.With autofitcolumns the columns size all gets changed. To cover it, am specifying isautowidth=false for all columns except last one and isautowidth=true for last column. With this the portion including scrollbar gets clipped ofF from the webgrid. No scrollbar comes at all. So the autofitcolumns scenario somehow jeopardises my working scenario as of now.....
And to clarify more, am not tampering the webgrids layout from either javascript or servercode.
Please reply as soon as possible.
Yea i checked. With grid.HidePadColumn option, i can get it done. I can see your screenshot. And it is right that you are the one who send me the screenshot. But i didnt receive the sample along the mail. Instead you told me to post it here. Thats why am here . Now did you post your reply based on my last post? I said clearly that it works fine with most of the webgrids but not with everyone. Thats my worry. Please go through the screenshot named ExtraSpace1px and ExtraSpace1pxAbsent. If you would like a snippet of my container, it is as follows.
<table class="smallBoxes_PlainGrid" border="1" cellpadding="0" cellspacing="0" style="clear: left;"> <tr> <td align="left">
Here the webgrid layout will come. The css for the class is as follows.
table.smallBoxes_PlainGrid{ border: 1px solid #AFC2E3; width: 49.4%; border-collapse: collapse; background-color: #FFF; color: #1C1C1C; float:left; font-family: Helvetica; font-size: 0.7em; margin: 2px; padding: 2px;}
To know the webgrid Layout, check the posts above.
Let me apologize for the inconvenience caused, we have updated the link, you should able to download the sample right now.I suggest you to check the attached sample and find if you can reproduce the issue with the sample. If you have some settings in your style you can add it to this sample. Probably it can help you to reproduce the issue. So with that way, I can help you to determine the problem. Because it is quite weird, I can't reproduce the issue here.
Hope this helps. Thanks
Ok. I run the sample. It worked perfect. I modified my container table and put the attribute table-layout:fixed. Now the webgrids in my solution works fine too. The attribute saved my time. Now there is a problem. If my webgrid has got only one column, there appears a padding space. I want it to be rectified.
Ok. the problems are rectified. However there comes a dynamic row shrinking problem. I have posted it as another thread. Hope you will look into it.
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