|
Rank: Member Groups: Member
Joined: 9/6/2008 Posts: 29
|
My eo:Grid will not show up on the page in safari of chrome if it is inside a callbackPanel. Please let me know if there is a way to do this. The border will show up, the background color of the grid, but the content of the grid will not display.
Sample code:
.aspx content
<eo:CallbackPanel ID="cpTest" runat="server"> <eo:Grid ID="dgTest" runat="server" BorderColor="#000000" BorderWidth="1px" GridLines="None" GoToBoxVisible="True" FixedColumnCount="1" ColumnHeaderDescImage="00050205" GridLineColor="Black" Width="510px" Height="300" IsCallbackByMe="False" ColumnHeaderAscImage="00050204" ColumnHeaderHeight="24" AllowColumnReorder="true" Font-Size="8pt" Font-Names="Tahoma" FullRowMode="False" EnableKeyboardNavigation="true"> <ItemStyles> <eo:GridItemStyleSet> <SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x"></SelectedStyle> <CellStyle CssText="padding-left:8px;padding-top:2px;"></CellStyle> <ItemStyle CssText="background-color:#eee; text-align:left;" /> <AlternatingItemStyle CssText="background-color:#ccc; text-align:left;" /> <ItemHoverStyle CssText="background-image: url(00050207); background-repeat: repeat-x; text-align:left;" /> </eo:GridItemStyleSet> </ItemStyles> <GoToBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 40px; BORDER-BOTTOM: #7f9db9 1px solid"></GoToBoxStyle> <ContentPaneStyle CssText="border:0"></ContentPaneStyle> <ColumnTemplates> <eo:MaskedEditColumn> <MaskedEdit ID="MaskedEdit1" runat="server" ControlSkinID="None" TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:10pt;"></MaskedEdit> </eo:MaskedEditColumn> </ColumnTemplates> <Columns> <eo:StaticColumn DataField="Test" HeaderText="Test" /> </Columns>
</eo:Grid> </eo:CallbackPanel>
.vb code
Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load
If Not Page.IsPostBack Then
Dim dt As New DataTable dt.Columns.Add("test") For i As Int16 = 0 To 15 dt.Rows.Add(i) Next
dgTest.DataSource = dt dgTest.DataBind() End If
End Sub
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
Hi,
We tested your code on the latest version and it works fine. So it may have to do with other contents or style in your page. Can you create a full test page?
Thanks!
|
|
Rank: Member Groups: Member
Joined: 9/6/2008 Posts: 29
|
I found what is causing the problem but have no solution. Perhaps you can give me some information on why this doesn't work.
If I include a link to a css file with the full path, the grid will not show up. However, if I get it a relative path to the file, the grid will display properly. The style sheet and properties have nothing to do with the grid.
Here is the aspx page: <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <%@ Register assembly="EO.Web" namespace="EO.Web" tagprefix="eo" %>
<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>Sports In College</title> <link type="text/css" rel="Stylesheet" href="http://soccerincollege.com/soccer.css" /> </head> <body style='background-color:#c7c7c7;'> <form id="form1" runat="server">
<eo:CallbackPanel ID="cpTest" runat="server"> <eo:Grid ID="dgTest" runat="server" BorderColor="#000000" BorderWidth="1px" GridLines="None" GoToBoxVisible="True" FixedColumnCount="1" ColumnHeaderDescImage="00050205" GridLineColor="Black" Width="510px" Height="300" IsCallbackByMe="False" ColumnHeaderAscImage="00050204" ColumnHeaderHeight="24" AllowColumnReorder="true" Font-Size="8pt" Font-Names="Tahoma" FullRowMode="False" EnableKeyboardNavigation="true"> <ItemStyles> <eo:GridItemStyleSet> <SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x"></SelectedStyle> <CellStyle CssText="padding-left:8px;padding-top:2px;"></CellStyle> <ItemStyle CssText="background-color:#eee; text-align:left;" /> <AlternatingItemStyle CssText="background-color:#ccc; text-align:left;" /> <ItemHoverStyle CssText="background-image: url(00050207); background-repeat: repeat-x; text-align:left;" /> </eo:GridItemStyleSet> </ItemStyles> <GoToBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 40px; BORDER-BOTTOM: #7f9db9 1px solid"></GoToBoxStyle> <ContentPaneStyle CssText="border:0"></ContentPaneStyle> <ColumnTemplates> <eo:MaskedEditColumn> <MaskedEdit ID="MaskedEdit1" runat="server" ControlSkinID="None" TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:10pt;"></MaskedEdit> </eo:MaskedEditColumn> </ColumnTemplates> <Columns> <eo:StaticColumn DataField="Test" HeaderText="Test" /> </Columns>
</eo:Grid> </eo:CallbackPanel> </form> </body> </html>
VB file:
Partial Class _Default Inherits System.Web.UI.Page
Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load
If Not Page.IsPostBack Then
Dim dt As New DataTable dt.Columns.Add("test") For i As Int16 = 0 To 15 dt.Rows.Add(i) Next
dgTest.DataSource = dt dgTest.DataBind() End If
End Sub
End Class
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
Hi,
In that case it almost certainly has to do with your CSS file. You will want to try to comment out rules in your CSS file block by block to find out the offending rule. The Grid does not care about what CSS file you use or whether you are using an absolute path or relative path. The browser interprets the CSS file and applies them.
Thanks!
|
|
Rank: Member Groups: Member
Joined: 9/6/2008 Posts: 29
|
I'm not sure that you read my last post. Here is more information that will describe the problem and that shows that it isn't about what's in the .css file. It doesn't have anything to do with what's in the css file. For example, I posted a completely blank .css file at: http://soccerincollege.com/blank.cssIf I link to it as: <link type="text/css" rel="Stylesheet" href="http://soccerincollege.com/blank.css" /> then the grid will not show up. However, if i link to the same exact file as: <link type="text/css" rel="Stylesheet" href="blank.css" /> then the grid will show up. It is the same exact file in both cases. The problem is that I have a number of websites that use the same image files so I point to the style sheet for the website that hosts the images. Since it will not allow me to use the entire url to point to the file, I would have to copy the images to all websites in order for this to work properly. Can you please try my code in google chrome or safari and you will see that it doesn't work. Thanks, Jonathan
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
I see. That is a problem. We will look into it and get back to you as soon as possible.
Thanks!
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
Hi,
We have posted a new build that should fix this problem. Please see your private message for the download location.
Thanks!
|
|
Rank: Member Groups: Member
Joined: 9/6/2008 Posts: 29
|
Thank you! Worked perfectly!
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
Great. Thank you very much for the update!
|
|