Grid display problem in Firefox 3.0.1 - Essential Objects, Inc. Support Forum

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Grid display problem in Firefox 3.0.1

Grid display problem in Firefox 3.0.1

Options

Posted: Sunday, October 26, 2008 8:08:51 PM

Rank: Member
Groups: Member

Joined: 11/19/2007
Posts: 25

Hi,

I am using build 2008.0.44. I have a grid that will display in IE 6 but won't in Firefox 3.0.1 when
ScrollBars="None". I discovered this trying to use the Client GridItem.ensureVisible to scroll items into view for a rotating display effect. The grid doesn't display at all when Scrollbars="None".

Thanks

eo_support

Posted: Monday, October 27, 2008 3:19:38 PM

Rank: Administration
Groups: Administration

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

Hi,

Do you mean the Grid doesn't display at all when the page is initially loaded or when you try to call GridItem.ensureVisible function? We haven't been able to reproduce either of them. We do notice some rendering problems when ScrollBar is set to None (which we are working to address) but the Grid nevertheles still shows. Would you mind to produce a test page that reproduces the problem?

Thanks

Posted: Monday, October 27, 2008 6:12:03 PM

Rank: Member
Groups: Member

Joined: 11/19/2007
Posts: 25

It doesn't display at all when loaded or on postback.

This is from a vs2008 default Webform1.aspx with no css applied

<eo:Grid ID="Grid1" runat="server" BorderColor="#C7D1DF" BorderWidth="1px"
ColumnHeaderAscImage="00050303" ColumnHeaderDescImage="00050304"
ColumnHeaderDividerImage="00050302" FixedColumnCount="1" Font-Bold="False"
Font-Italic="False" Font-Names="Verdana" Font-Overline="False" Font-Size="9pt"
Font-Strikeout="False" Font-Underline="False" GridLineColor="199, 209, 223"
GridLines="Both" Height="200px" ItemHeight="19" Width="380px" ScrollBars="None">
<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-image: url(00050207); background-repeat: repeat-x" />
<CellStyle CssText="padding-left:8px;padding-top:2px; color:#336699;white-space:nowrap;" />
</eo:GridItemStyleSet>
</ItemStyles>
<ColumnTemplates>

</ColumnTemplates>
<Columns>
<eo:StaticColumn HeaderText="Name" AllowSort="True" DataField="Name" SortOrder="Ascending">
</eo:StaticColumn>
<eo:StaticColumn HeaderText="Location" AllowSort="True" DataField="Location" SortOrder="Ascending">
</eo:StaticColumn>
<eo:StaticColumn HeaderText="Statement" AllowSort="True" DataField="Statement" SortOrder="Ascending">
</eo:StaticColumn>
</Columns>
<ColumnHeaderStyle CssText="background-image:url('00050301');padding-left:8px;padding-top:2px;font-weight: bold;color:white;" />
</eo:Grid>

here is the page load

protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
createGrid();
}
}
private void createGrid()
{
XmlTextReader myXmlReader = new XmlTextReader(Server.MapPath("Testimonials.xml"));
DataSet myDataSet = new DataSet();
myDataSet.ReadXml(myXmlReader);
myXmlReader.Close();

this.Grid1.DataSource = myDataSet.Tables[0];
this.Grid1.DataBind();
}

and some data (add multiple rows)

<?xml version="1.0" encoding="utf-8" ?>
<Testimonials>
<Testimonial>
<Name>My Name</Name>
<Organization>Personal</Organization>
<Phone>My Phone</Phone>
<Email>My email</Email>
<Location>My State</Location>
<Statement>My statement</Statement>
<AdminReleased>true</AdminReleased>
</Testimonial>
</Testimonials>

Code: C#

Copy

eo_support

Posted: Monday, October 27, 2008 10:16:35 PM

Rank: Administration
Groups: Administration

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

Hi,

Try to move border settings from the Grid to ContentPaneStyle by:

1. Remove BorderColor and BorderWidth on the Grid control;

2. Edit the Grid's ContentPaneStyle to include the following CSS text:

Code: CSS

Copy

border-right: #c7d1df 1px solid; 
border-top: #c7d1df 1px solid; 
border-left: #c7d1df 1px solid; 
border-bottom: #c7d1df 1px solid;

This should resolve the issue.

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