Grid - 6.0.31.2 - custom columns at right border not rendering in IE7

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Grid - 6.0.31.2 - custom columns at right border not rendering in IE7

Options

Previous Topic · Next Topic

Selena

Posted: Wednesday, August 27, 2008 4:19:15 AM

Rank: Member
Groups: Member

Joined: 6/6/2007
Posts: 14

Hi EO

I am running licenced 6.0.31.2 using custom columns in a grid. The grid width is set at 100%. In IE6, the custom columns that sit "underneath" the right border scroll bar (with more columns to the right) render fine, but in IE7 they do not. I am not using any callback panels, or paging and EnableKeyboardNavigation="True". My custom columns are either dropdownlists or textboxes. eg the dropdownlist appears in the cell, but it is very small with the dd's scrollbars within the cell perimeters

Just wondering if you know of a solution to this?

Thanks
Sel

eo_support

Posted: Wednesday, August 27, 2008 5:57:41 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193

Hi,

A sample page would help. Can you post one?

Thanks

Selena

Posted: Wednesday, August 27, 2008 7:12:37 AM

Rank: Member
Groups: Member

Joined: 6/6/2007
Posts: 14

OK Here is the aspx (I hope you will be able to see that the Year column acts differently in IE6 vs IE7, thanks):

Code: HTML/ASPX

Copy

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<!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>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <eo:Grid ID="grdTest" runat="server" AllowNewItem="True" BorderColor="#C7D1DF" BorderWidth="1px"
            ColumnHeaderHeight="15" EnableKeyboardNavigation="True" Font-Bold="False" Font-Italic="False"
            Font-Names="Verdana" Font-Overline="False" Font-Size="9pt" Font-Strikeout="False"
            Font-Underline="False" FullRowMode="False" GridLineColor="199, 209, 223" GridLines="Both"
            Height="100px" ItemHeight="27" NewItemIndicatorHtml="*" 
            ToolTip="Use your arrow keys to navigate the grid.  Press enter to change a cell. A new row is displayed next to the last row. Changes to the database will not be made until Update is clicked."
            Width="200px">
       
            <FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
            <ItemStyles>
                <eo:GridItemStyleSet>
                    <ItemStyle CssText="background-color: white" />
                    <ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x" />
                    <SelectedStyle CssText="background-repeat:repeat-x;border-bottom-color:black;border-bottom-width:1px;border-left-color:black;border-left-width:1px;border-right-color:black;border-right-width:1px;border-top-color:black;border-top-width:1px;text-decoration:underline;" />
                    <CellStyle CssText="padding-left:8px;padding-top:2px; color:#336699;" />
                </eo:GridItemStyleSet>
            </ItemStyles>
            <Columns>
           
                <eo:CheckBoxColumn AllowResize="False" AllowSort="True" HeaderText="Delete?" MaxWidth="45"
                    Name="Delete?" Width="45">
                    <CellStyle CssText="background-color:whitesmoke;" />
                </eo:CheckBoxColumn>
                <eo:CheckBoxColumn AllowResize="False" AllowSort="True" HeaderText="Copy?" MaxWidth="40"
                    Name="Copy?" Width="40">
                    <CellStyle CssText="background-color:whitesmoke;" />
                </eo:CheckBoxColumn>
                <eo:CustomColumn AllowSort="True" ClientSideBeginEdit="on_begin_edit_agency" ClientSideEndEdit="on_end_edit_agency"
                    DataField="agency" HeaderText="Agency" MaxWidth="110" Name="agency" Width="110">
                    <EditorTemplate>
                        <asp:DropDownList ID="ddAgency" runat="server" DataTextField="short_name" DataValueField="short_name"
                            Height="27px">
                        </asp:DropDownList>
                    </EditorTemplate>
                </eo:CustomColumn>
              
                <eo:CustomColumn AllowSort="True" ClientSideBeginEdit="on_begin_edit_forcyear" ClientSideEndEdit="on_end_edit_forcyear"
                    DataField="forc_year" HeaderText="Year" MaxWidth="40" Name="forc_year" Width="40">
                    <EditorTemplate>
                        <asp:DropDownList ID="ddForc_year" runat="server" Height="27px" >
                            <asp:ListItem Value="2008">2008</asp:ListItem>
                            <asp:ListItem Value="2009">2009</asp:ListItem>
                            <asp:ListItem Value="2010">2010</asp:ListItem>
                            <asp:ListItem Value="2011">2011</asp:ListItem>
                            <asp:ListItem Value="2012">2012</asp:ListItem>
                            <asp:ListItem Value="9999">9999</asp:ListItem>
                        </asp:DropDownList>
                    </EditorTemplate>
                </eo:CustomColumn>
                <eo:CustomColumn AllowSort="True" ClientSideBeginEdit="on_begin_edit_forcmonth" ClientSideEndEdit="on_end_edit_forcmonth"
                    DataField="forc_month" DataFormat="" HeaderText="Month" MaxWidth="50" Name="forc_month"
                    Width="50">
                    <EditorTemplate>
                        <asp:DropDownList ID="ddForc_month" runat="server" Height="27px">
                            <asp:ListItem Value="00">All</asp:ListItem>
                            <asp:ListItem Value="01-Jan">01-Jan</asp:ListItem>
                            <asp:ListItem Value="02-Feb">02-Feb</asp:ListItem>
                            <asp:ListItem Value="03-Mar">03-Mar</asp:ListItem>
                            <asp:ListItem Value="04-Apr">04-Apr</asp:ListItem>
                            <asp:ListItem Value="05-May">05-May</asp:ListItem>
                            <asp:ListItem Value="06-Jun">06-Jun</asp:ListItem>
                            <asp:ListItem Value="07-Jul">07-Jul</asp:ListItem>
                            <asp:ListItem Value="08-Aug">08-Aug</asp:ListItem>
                            <asp:ListItem Value="09-Sep">09-Sep</asp:ListItem>
                            <asp:ListItem Value="10-Oct">10-Oct</asp:ListItem>
                            <asp:ListItem Value="11-Nov">11-Nov</asp:ListItem>
                            <asp:ListItem Value="12-Dec">12-Dec</asp:ListItem>
                        </asp:DropDownList>
                    </EditorTemplate>
                </eo:CustomColumn>
              
                <eo:CustomColumn AllowSort="True" ClientSideBeginEdit="on_begin_edit_demo" ClientSideEndEdit="on_end_edit_demo"
                    DataField="demo" HeaderText="Demo" MaxWidth="100" Name="demo" Width="80">
                    <EditorTemplate>
                        <asp:DropDownList ID="ddDemo" runat="server" DataTextField="short_name"
                            DataValueField="short_name" Height="27px" >
                        </asp:DropDownList>
                    </EditorTemplate>
                </eo:CustomColumn>
             
            </Columns>
        </eo:Grid>
    </div>
    </form>
</body>
</html>

eo_support

Posted: Wednesday, August 27, 2008 7:19:03 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193

Thank you very much for the test page. We will look into it as soon as possible and get back to you as soon as we find anything!

eo_support

Posted: Wednesday, August 27, 2008 7:39:59 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193

Hi,

We tested your code and it appears to be producing the same result in both IE 6 and IE 7. We added the following code into Page_Load to create a few Grid rows:

Code: C#

Copy

grdTest.DataSource = new object[10];
grdTest.DataBind();

Do you have the page online so that we can take a look?

Thanks

Selena

Posted: Thursday, August 28, 2008 7:12:46 AM

Rank: Member
Groups: Member

Joined: 6/6/2007
Posts: 14

Hi again

Thanks - I have added your code, and adjusted the width of the grid so that the Year column sits beneath the right-hand side scroll bar again. I'm attaching the aspx and the c# code again - can you try running it again to ascertain whether you see the effect I am seeing? I do not have an online page, is there any easier way to send you a screen shot?

Sel

Code: C#

Copy

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        grdTest.DataSource = new object[10];
        grdTest.DataBind();

    }
}

Code: HTML/ASPX

Copy

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<!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>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <eo:Grid ID="grdTest" runat="server" AllowNewItem="True" BorderColor="#C7D1DF" BorderWidth="1px"
            ColumnHeaderHeight="15" EnableKeyboardNavigation="True" Font-Bold="False" Font-Italic="False"
            Font-Names="Verdana" Font-Overline="False" Font-Size="9pt" Font-Strikeout="False"
            Font-Underline="False" FullRowMode="False" GridLineColor="199, 209, 223" GridLines="Both"
            Height="100px" ItemHeight="27" NewItemIndicatorHtml="*" 
            ToolTip="Use your arrow keys to navigate the grid.  Press enter to change a cell. A new row is displayed next to the last row. Changes to the database will not be made until Update is clicked."
            Width="225px">
       
            <FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
            <ItemStyles>
                <eo:GridItemStyleSet>
                    <ItemStyle CssText="background-color: white" />
                    <ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x" />
                    <SelectedStyle CssText="background-repeat:repeat-x;border-bottom-color:black;border-bottom-width:1px;border-left-color:black;border-left-width:1px;border-right-color:black;border-right-width:1px;border-top-color:black;border-top-width:1px;text-decoration:underline;" />
                    <CellStyle CssText="padding-left:8px;padding-top:2px; color:#336699;" />
                </eo:GridItemStyleSet>
            </ItemStyles>
            <Columns>
                <eo:CheckBoxColumn AllowResize="False" AllowSort="True" HeaderText="Delete?" MaxWidth="45"
                    Name="Delete?" Width="45">
                    <CellStyle CssText="background-color:whitesmoke;" />
                </eo:CheckBoxColumn>
                <eo:CheckBoxColumn AllowResize="False" AllowSort="True" HeaderText="Copy?" MaxWidth="40"
                    Name="Copy?" Width="40">
                    <CellStyle CssText="background-color:whitesmoke;" />
                </eo:CheckBoxColumn>
                <eo:CustomColumn AllowSort="True" ClientSideBeginEdit="on_begin_edit_agency" ClientSideEndEdit="on_end_edit_agency"
                    DataField="agency" HeaderText="Agency" MaxWidth="110" Name="agency" Width="110">
                    <EditorTemplate>
                        <asp:DropDownList ID="ddAgency" runat="server" DataTextField="short_name" DataValueField="short_name"
                            Height="27px">
                        </asp:DropDownList>
                    </EditorTemplate>
                </eo:CustomColumn>
                <eo:CustomColumn AllowSort="True" ClientSideBeginEdit="on_begin_edit_forcyear" ClientSideEndEdit="on_end_edit_forcyear"
                    DataField="forc_year" HeaderText="Year" MaxWidth="40" Name="forc_year" Width="40">
                    <EditorTemplate>
                        <asp:DropDownList ID="ddForc_year" runat="server" Height="27px"  >
                            <asp:ListItem Value="2008">2008</asp:ListItem>
                            <asp:ListItem Value="2009">2009</asp:ListItem>
                            <asp:ListItem Value="2010">2010</asp:ListItem>
                            <asp:ListItem Value="2011">2011</asp:ListItem>
                            <asp:ListItem Value="2012">2012</asp:ListItem>
                            <asp:ListItem Value="9999">9999</asp:ListItem>
                        </asp:DropDownList>
                    </EditorTemplate>
                    <CellStyle CssText="OVERFLOW: auto" />
                </eo:CustomColumn>
                <eo:CustomColumn AllowSort="True" ClientSideBeginEdit="on_begin_edit_forcmonth" ClientSideEndEdit="on_end_edit_forcmonth"
                    DataField="forc_month" DataFormat="" HeaderText="Month" MaxWidth="50" Name="forc_month"
                    Width="50">
                    <EditorTemplate>
                        <asp:DropDownList ID="ddForc_month" runat="server" Height="27px">
                            <asp:ListItem Value="00">All</asp:ListItem>
                            <asp:ListItem Value="01-Jan">01-Jan</asp:ListItem>
                            <asp:ListItem Value="02-Feb">02-Feb</asp:ListItem>
                            <asp:ListItem Value="03-Mar">03-Mar</asp:ListItem>
                            <asp:ListItem Value="04-Apr">04-Apr</asp:ListItem>
                            <asp:ListItem Value="05-May">05-May</asp:ListItem>
                            <asp:ListItem Value="06-Jun">06-Jun</asp:ListItem>
                            <asp:ListItem Value="07-Jul">07-Jul</asp:ListItem>
                            <asp:ListItem Value="08-Aug">08-Aug</asp:ListItem>
                            <asp:ListItem Value="09-Sep">09-Sep</asp:ListItem>
                            <asp:ListItem Value="10-Oct">10-Oct</asp:ListItem>
                            <asp:ListItem Value="11-Nov">11-Nov</asp:ListItem>
                            <asp:ListItem Value="12-Dec">12-Dec</asp:ListItem>
                        </asp:DropDownList>
                    </EditorTemplate>
                </eo:CustomColumn>
                <eo:CustomColumn AllowSort="True" ClientSideBeginEdit="on_begin_edit_demo" ClientSideEndEdit="on_end_edit_demo"
                    DataField="demo" HeaderText="Demo" MaxWidth="100" Name="demo" Width="80">
                    <EditorTemplate>
                        <asp:DropDownList ID="ddDemo" runat="server" DataTextField="short_name"
                            DataValueField="short_name" Height="27px" >
                        </asp:DropDownList>
                    </EditorTemplate>
                </eo:CustomColumn>
             
            </Columns>
        </eo:Grid>
    </div>
    </form>
</body>
</html>

eo_support

Posted: Friday, August 29, 2008 7:47:23 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193

Hi,

We have reproduced and fixed this issue internally. Please expect a new build soon.

Thanks

eo_support

Posted: Sunday, August 31, 2008 4:23:41 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,193

Hi,

We have posted a new build that fixed this problem. Please download it from our download page.

Thanks!

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Message