Intersoft Community - WebGrid Enterprise - Firefox3.5 with Webgrid6.0

Firefox3.5 with Webgrid6.0

vinsdeon — Tue, 25 Aug 2009 07:24:22 GMT

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.

Firefox3.5 with Webgrid6.0

Dicky — Tue, 25 Aug 2009 01:02:27 GMT

If you use HidePadColumn() method as what technical support member suggested to you, you should only have about 2-3 px left. And it is the best what we can achieve for now. For more detail information, I have attached another sample for you. Thanks.

Firefox3.5 with Webgrid6.0

vinsdeon — Mon, 24 Aug 2009 07:50:38 GMT

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.

Firefox3.5 with Webgrid6.0

Dicky — Mon, 24 Aug 2009 05:52:49 GMT

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

Firefox3.5 with Webgrid6.0

vinsdeon — Fri, 21 Aug 2009 05:50:54 GMT

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.

Firefox3.5 with Webgrid6.0

Dicky — Fri, 21 Aug 2009 04:51:45 GMT

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?

Firefox3.5 with Webgrid6.0

vinsdeon — Fri, 21 Aug 2009 02:56:10 GMT

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.

Firefox3.5 with Webgrid6.0

technical@intersoftpt.com — Fri, 21 Aug 2009 01:12:11 GMT

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.

Firefox3.5 with Webgrid6.0

technical@intersoftpt.com — Fri, 21 Aug 2009 01:07:05 GMT

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.

Firefox3.5 with Webgrid6.0

vinsdeon — Fri, 21 Aug 2009 00:36:12 GMT

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.

Firefox3.5 with Webgrid6.0

vinsdeon — Thu, 20 Aug 2009 04:44:08 GMT

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.