Did i miss something? I am not using HidePadColumn in the code at all...Check the last sample i attached(Which in fact is the modified one of your sample) Do modify the last column to fixed width say 200px, and run it and see the difference in both Firefox and IE. I repeat there is no problem with IE. But all comes with Firefox.

Hi Xedem, 

You used HidePadColumn in Initialize clientside event. If the code is removed, the right space would be showed up. FYI, I tried to test with another with again now, and can replicate the issue. I will let you know after I discussed with our developer.

Regards,
Handy

OK...

Hi Vinayan,

Please apply the latest hotfix by referring into this thread. Please also not use HidePadColumn code in your sample. Attached sample is my modified sample. Hope this can also work on you.

Regards,
Handy

Hi,

Good but not fine...See now there is some space between the scrollbar and last column ...And this happens only in Firefox...The solution is perfect with IE. Now there is a common problem too..RowHeightDefault="-1" makes the header height too small in both browsers. This is a must property to make multiline possible in IE. So what should I do?

Hi Vinayan,

Actually, it is the behaviour from Mozila itself. Each browsers have their own behaviour in rendering. At least, we can try to make the layout similars with the default one. 

About RowHeightDefault=-1, it's true that this is needed for Multiline scenario. The header height can be customized by defining Css style.

Regards,
HAndy

1.In fact problems are more...with the current changes all Grids are having an extra reserved for the scrollbar. As we had an earlier released version which was optimised for IE, this wont be accepted. Thats where, i think the hidePadColumn comes, but unfortunately which means which would hide 4 or 5 words behind the scrollbar.

2. Now could you explain how i could apply custom style to the webgrid header, so that i could make the Grid bothe multiline and set the height as default 19px  as well.

Hi Vinayan,

As far I seen in the sample which you modified, the space is not much different in IE. Maybe if you can show me (replicate in a simple sample), I can discuss this issue to our developer.

Btw, for WebGrid header, you can set in Headerstyle properties. Unfortunately, It seems you could not see the different with 19px because the default is almost at that size. Please try to set 25px or 30px and you will see the header will get larger.

Regards,
Handy

Hi Vinayan,

We have recently released WebUI Studio 2009 R2 Service Pack 1 which includes the fix for this issue (WebGrid 7.0.7200.401).
Please click here to read the official press release.

You could also read which fix or enchancement included in the latest build by visiting the support page and clicking the control name located on the Right Pane "Latest Builds".

Regards,
Handy

i was sick, so couldnt check the thread. I will be sending the modified sample shortly. And one more doubt; Is the script WebUIValidation.js is currently using? I couldnt find such a script file included in the hotfix.

Hello Vinayan,

Let me discuss with our developer teams and see if there is something we can do about this.

Regards,
Handy

Hi Vinayan,

Our developer said that you can use HidePad method although it is not recommended to use.

To avoid the right side to be cut, you will need validate the code in two conditions:

1.If the records are many.
2.If browser get resized.

On that conditions, HidePad should not be used because WebGrid needs scrollbar. 

Regards,
Handy

Well, as i said with firefox, the padding space is double that of IE. Hence HodePad method will do it fine with IE while half the space remain with Firefox. 

Now about the validation, how would i exactly validate the conditions. How would i know that there is a scrollbar shown in webgrid, so that now i dont have to use the option hidePadColumn, and when scrollbar is not appearing in webgrid, to use the option. I dont think i could fix the records size as the application runs from a minum 1024 resolution to a higher wide screen resolution.

To satisfy those  2 conditions, i exactly need to know when the records are more than the height of webgrid(concidering the resolution), meaning the scrollbar is appeared on webgrid. How would i do that?

As with my colleague, I could not duplicate the double margin issue in the Mozilla browser, tested using FireFox 3.6 and latest build of WebGrid 7 and WebUI Framework 3, build 401 and build 751 respectively.

You could determine if the scrollbar is present by comparing the scroll height and client height element. We could use this technique in the WebGrid Initialize client side event handler to determine whether the HidePad should be set to True or False. Here is the snippet:

function WG_Init(controlId) {

    var grid = ISGetObject(controlId);

    setTimeout(function() {

        var contentElem = grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV);

        if (contentElem.clientHeight < contentElem.scrollHeight)
            grid.HidePadColumn = false;
        else
            grid.HidePadColumn = true;
        grid.RefreshAll();
    }, 10);
}

Ok. Do one thing run my sample with grid.HidePadColumn=true. There you would find a 5px space in firefox. And in IE u wont find any space, but seems to be the end thickened a bit. I am using the same testing environment of yours. Please reply ASAP.

Attached is the modified sample with the workaround implemented. I did not encounter the issue you mention. In order to show WebGrid without the scollbar, I modify the select statement so it will only retrieve a single row.

I also modify the conditional, instead of comparing to the ClientHeight, it will now check against the WebGrid frame height. Since the original check is causing issue in Mozilla, the clientHeight will always has the same value as scrollHeight during WebGrid OnInitialize client side event handler.

In the original sample, it seems you are using master page in your environment, if possible perhaps you could create a simple master page that replicate the HTML structure in order to determine the issue.

It is better to paste the code.

<script type="text/javascript">
        function WG_Init(controlId) {

            var grid = ISGetObject(controlId);

            setTimeout(function() {

                var contentElem = grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV);

                if (grid.GetFrameElement().offsetHeight < contentElem.scrollHeight)
                    grid.HidePadColumn = false;
                else
                    grid.HidePadColumn = true;
                alert(contentElem.scrollHeight);
                grid.RefreshAll();
            }, 10);
        }

    </script>

</head>
<body id="Body1" runat="server" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"
    style="overflow: hidden;">
    <form id="form1" runat="server">
    <table cellpadding="0" cellspacing="0" class="wrapper" style="height: 100%; table-layout: fixed;"
        id="Tab2" runat="server">
        <tr>
            <td class="content_area">
                <ISWebGrid:WebGrid ID="WebGrid1" runat="server" DataSourceID="AccessDataSource1"
                    Height="100%" UseDefaultStyle="True" DefaultStyleMode="Elegant" Width="100%">
                    <RootTable DataKeyField="ID">
                        <Columns>
                            <ISWebGrid:WebGridColumn Caption="ID" DataMember="ID" Name="ID" Width="20px" IsAutoWidth="false">
                                <CellStyle HorizontalAlign="Justify" VerticalAlign="top">
                                </CellStyle>
                            </ISWebGrid:WebGridColumn>
                            <ISWebGrid:WebGridColumn Caption="Multiline1" DataMember="Multiline1" Name="Multiline1"
                                Width="150px" AllowMultiLine="True" IsAutoWidth="false">
                                <CellStyle HorizontalAlign="Justify" VerticalAlign="top">
                                </CellStyle>
                            </ISWebGrid:WebGridColumn>
                            <ISWebGrid:WebGridColumn Caption="Multiline3" DataMember="Multiline3" Name="Multiline3"
                                AllowMultiLine="True" Width="100%" IsAutoWidth="true">
                                <CellStyle HorizontalAlign="Justify" VerticalAlign="top">
                                </CellStyle>
                            </ISWebGrid:WebGridColumn>
                        </Columns>
                    </RootTable>
                    <LayoutSettings AllowDefaultStyleMerging="true" GridLines="None" AlwaysShowHelpButton="False"
                        AutoFitColumns="true" FilterBarVisible="false" AllowSorting="Yes" AllowColumnSizing="No"
                        RowHeaders="No" AllowFilter="Yes" AllowGrouping="Yes" AutoFilterSuggestion="True"
                        HideColumnsWhenGrouped="No" ShowRefreshButton="false" RowHeightDefault="-1">
                        <ClientSideEvents OnInitialize="WG_Init" />
                        <HeaderStyle Font-Names="sans-serif" Font-Size="8" Height="20px" Width="1px"></HeaderStyle>
                        <RowStyle Cursor="Hand" Font-Names="sans-serif" Font-Size="8" />
                        <AlternatingRowStyle Cursor="Hand" Font-Names="sans-serif" Font-Size="8" />
                        <TextSettings Language="UseCulture" UseWebResources="false">
                        </TextSettings>
                    </LayoutSettings>
                </ISWebGrid:WebGrid>
                <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/MultilineDataBaseSample.mdb"
                    DeleteCommand="DELETE FROM [Table1] WHERE (([ID] = ?) OR ([ID] IS NULL AND ? IS NULL))"
                    InsertCommand="INSERT INTO [Table1] ([ID], [Multiline1], [Multiline2], [Multiline3]) VALUES (?, ?, ?, ?)"
                    SelectCommand="SELECT * FROM [Table1]" UpdateCommand="UPDATE [Table1] SET [Multiline1] = ?, [Multiline2] = ?, [Multiline3] = ? WHERE (([ID] = ?) OR ([ID] IS NULL AND ? IS NULL))">
                    <DeleteParameters>
                        <asp:Parameter Name="ID" Type="String" />
                    </DeleteParameters>
                    <UpdateParameters>
                        <asp:Parameter Name="Multiline1" Type="String" />
                        <asp:Parameter Name="Multiline2" Type="String" />
                        <asp:Parameter Name="Multiline3" Type="String" />
                        <asp:Parameter Name="ID" Type="String" />
                    </UpdateParameters>
                    <InsertParameters>
                        <asp:Parameter Name="ID" Type="String" />
                        <asp:Parameter Name="Multiline1" Type="String" />
                        <asp:Parameter Name="Multiline2" Type="String" />
                        <asp:Parameter Name="Multiline3" Type="String" />
                    </InsertParameters>
                </asp:AccessDataSource>
            </td>
        </tr>
    </table>
    </form>
</body>


   
I avoided the
masterpage completely. With the WebGrid7 build401, UI build 751, I am unable to
do client Refresh at all. What am i missing. The above code is similar to the
one you have send the only difference was the masterpage. Which also i removed
to make it a standalone html page. No use at all, am still getting the grid.GetFrameElement().offsetHeight
as zero and the other value too. This happens in both the browsers. And refresh
is not working with no webgrids in my solution after the new HotFix. One
more thing the forum posting nowdays seem to be ridiculous. By the time am
writing this i have clicked submit button more than 10 times to get the post
submitted and still dont know how many times i have to click. There is no
particular scenario. Its just not submitting and saying 'An error has occured when trying to post your reply. Please
contact our support at technical@intersoftpt.com for further assistance.'

Sorry for the large font size, am not all being able to edit the above post....

Hello Vinayan,

I tested your HTML structure with Glenn sample and found the reason why the offSetHeight is always 0.
Each browser has their own behaviour when rendering WebGrid. 
I have points about the issue below.

1. You snippet a table.
As far I know, some browser render table differently. 
E.g Here is the condifiton to replicate offSetHeight 0

-Put a table
-Set WebGrid height into 100%. (in Glenn sample it is 840px)

2. Due to different behaviour in rendering, we need also to customize the stucture of page.

E.g Based on point 1, you will need to set timeout more. It should be about 550 (10 not enough).
Mozila takes a little time to render. If you larger the timeout, offSetHeight will not zero.

ok...the increase is right...now the offset is working...i will reply as soon as i test the javascript fully...

Hi i couldnt test it completely as i cant make the latest dll work well...In fact i cant do refresh on any webgrid using new dll..I have posted the complaint in a new thread. Seems like something really wrong. You can see the thread here

After putting new dll into the solution it seems like both FF and IE are working similar. But both are doing it wrong. The following is the code.. The similar one as above.

<ISWebGrid:WebGrid ID="WebGrid1" runat="server" DataSourceID="AccessDataSource1"
                    Height="360px" UseDefaultStyle="True" DefaultStyleMode="Elegant" Width="100%">
                    <RootTable DataKeyField="ID">
                        <Columns>
                            <ISWebGrid:WebGridColumn Caption="ID" DataMember="ID" Name="ID" Width="25px" IsAutoWidth="false">
                                <CellStyle HorizontalAlign="Justify" VerticalAlign="top">
                                </CellStyle>
                            </ISWebGrid:WebGridColumn>
                            <ISWebGrid:WebGridColumn Caption="Multiline1" DataMember="Multiline1" Name="Multiline1"
                                Width="150px" AllowMultiLine="True" IsAutoWidth="false">
                                <CellStyle HorizontalAlign="Justify" VerticalAlign="top">
                                </CellStyle>
                            </ISWebGrid:WebGridColumn>
                            <ISWebGrid:WebGridColumn Caption="Multiline3" DataMember="Multiline3" Name="Multiline3"
                                 AllowMultiLine="True"  IsAutoWidth="true">
                                <CellStyle HorizontalAlign="Justify" VerticalAlign="top">
                                </CellStyle>
                            </ISWebGrid:WebGridColumn>
                        </Columns>
                    </RootTable>
                    <LayoutSettings AllowDefaultStyleMerging="true" GridLines="None" AlwaysShowHelpButton="False"
                        AutoFitColumns="true" FilterBarVisible="false" AllowSorting="Yes" AllowColumnSizing="No"
                        RowHeaders="No" AllowFilter="Yes" AllowGrouping="Yes" AutoFilterSuggestion="True" 
                        HideColumnsWhenGrouped="No"  ShowRefreshButton="false" RowHeightDefault="-1">
                        <ClientSideEvents  OnInitialize="WG_Init"/>
                        <HeaderStyle Font-Names="sans-serif" Font-Size="8" Height="19px" >
                        </HeaderStyle>
                        <RowStyle Cursor="Hand" Font-Names="sans-serif" Font-Size="8"  />
                        <AlternatingRowStyle Cursor="Hand" Font-Names="sans-serif" Font-Size="8"  />
                    </LayoutSettings>
</ISWebGrid:WebGrid>

It is found that now each browser is clipping of the last column. Here a 175px length of each sentence (total width of first column + second column) is clipped from the rows. That means with new dll, our project will collapse all the way!. And am not using any hidepadcolumn option.

Hi Vinayan,

Could you show me more detail about what your current result issue? I have applied your WebGrid structure but I could not find anything wrong. So, please be more detail about "It is found that now each browser is clipping of the last column. Here a 175px length of each sentence (total width of first column + second column) is clipped from the rows"

Regards,
Handy

Sorry for being non descriptive. We have already talked about the multiline issue in firefox. That some part of the sentense is clipped from(or say, not visible in the cell) each row of the last column. Please check the previous posts in case if you have forgotten. Now after the dll update, what i see is that, the issue started happening in IE7 too. There was no problem with IE7 previously. Hope u got what am saying...

Hi Vinayan,

Yes I know what's the meaning of clipping. I only thought that the result is different. Please see my screenshots, it is rendered well in IE and Moz. Please be more detail such as in screenshot or something to let me know the update. FYI, I have used the structure at your last posted.

Regards,
Handy

I didnt mean that u dont know that, though writing that way confuses...:)...Anyway i checked my code again and with no use. So here am attaching the test project alongwith the dll and the 2 screenshots i obtained running in both FF and IE8. Both are clipping the sentence in each row of the last column. Each second and 3rd column having the same content as input. So u can compare the data from column 3 against the data from the second column.

I tried 4 times and couldnt attach my zip file which has a size of 2.7mb. So i think the size is doing something. Now am attaching the 7zip version(As its .5mb lesser , it attached on the first time itself). So please Test Project.zip to Test Project.7zip and open with WinRar or 7Zip utility.Hope this sample is good one from my part :)...

Hi Vinayan,

Your sample works well in here. Mozila is a little bit tight at the end, but they are not getting clipped. Please see my screenshots. Btw, we just released new hotfix yesterday, you can also try to see the new result. Please let me know if the issue still persists or not. 

Regards,
Handy

Hi, i cant try with the latest fix as its causing errors here. I have been posting the complaints regarding that on another thread. May be after fixing that it may work similarly as yours...

Hi Xedem,

Ok. I am sure, Andi will help you to solve the error. When the fix is ready, we will try your multiline scenario.

Regards,
Handy

Hi,

Now that it seems like my problems due to update into new dll files are fixed, i would like to comment on the multiline problem. Its like still mozilla and firefox are doing it differently. The design of webgrid in mozilla is not good. See in mozilla, webgrid tries to clip half of a word at the extreme right. Thats not good for customers. And in non multiline scenario as well, there seem to be an extra small space left unoccupied in mozilla(perfect in IE). So the extra space should be avoided in mozilla. Am using all the latest hotfixes...

One more thing, You have given me the following code in a previous post above, as follows

function WG_Init(controlId) {

    var grid = ISGetObject(controlId);

    setTimeout(function() {

        var contentElem = grid.RootTable.GetElement(WG40.BODY, WG40.HTMLDIV);

        if (contentElem.clientHeight < contentElem.scrollHeight)
            grid.HidePadColumn = false;
        else
            grid.HidePadColumn = true;
        grid.RefreshAll();
    }, 10);
}

Of which i replaced RefreshAll() with Refresh() and no further changes. Now the problem is that if any user tries to navigate away from the page just on the moment as the page is loaded, then the webgrid will popup an error, for say more than 1 second, then the second page loads. Means within the unloading time of the first page the error is shown. The error will occur to all the pages where the above fix is applied. This is is due to the fact that within a timeout the grid is refreshed and before all the process is completed, the user is moving away from  the page and thus webgrid wont complete the process and throws an error. In short using grid.Refresh()(or grid.RefreshAll()) within a settimeout function is not at all good. Or is there any other event than Init of webgrid to apply the function. Or any other fix, so that i dont need to display the vacant space reserved for the scrollbar. Please reply ASAP.