Hey there folks, hopefully someone can lend me a hand because I've been staring at this too long.
I'm using DNN, and have a module that uses RadSlidingPanes/RadPane/RadSlidingZone/RadSplitter.
On the left are tabs that slide out with different options.
On the right side is a RadGrid.
In IE7, Safari 3, Opera 9.6, and Chrome, it works fine.
In Firefox 3, the Radgrid appears for a split second and then disappears never to be seen again, and I have no idea why.
Does anyone have any idea?
By the way, I'm using the following DocType:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
I'm using this DocType because going into the "way-back" machine (a year ago or so), this was the only DocType that allowed (the old RadControls) to display in DNN correctly. Could the DocType be the problem now?
Thanks for your Help!
Kuba
I'm using DNN, and have a module that uses RadSlidingPanes/RadPane/RadSlidingZone/RadSplitter.
On the left are tabs that slide out with different options.
On the right side is a RadGrid.
In IE7, Safari 3, Opera 9.6, and Chrome, it works fine.
In Firefox 3, the Radgrid appears for a split second and then disappears never to be seen again, and I have no idea why.
Does anyone have any idea?
By the way, I'm using the following DocType:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
I'm using this DocType because going into the "way-back" machine (a year ago or so), this was the only DocType that allowed (the old RadControls) to display in DNN correctly. Could the DocType be the problem now?
Thanks for your Help!
Kuba
8 Answers, 1 is accepted
0
Hi Kuba Cole,
RadGrid can disappear if it is placed inside a container, which receives a display:none, visibility:hidden or some small height style.
Please tell us which RadControls version you are using and provide a code snippet.
Regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
RadGrid can disappear if it is placed inside a container, which receives a display:none, visibility:hidden or some small height style.
Please tell us which RadControls version you are using and provide a code snippet.
Regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
George
Top achievements
Rank 1
Rank 1
answered on 16 Jan 2009, 07:31 PM
Hello Dimo,
I am using version 2008.3.1105.35, which I believe at the date of this posting is the current version.
Here is the snippet of the html for the controls:
The grids columns are programmatically created as well as options for the grid set in code. Here is a snippet of what options are set for the grid itself
I still find it strange that the problem is only with Firefox 3. FYI, I tried it in Firefox 2.5, and the grid does appear. Also, I'm beginning to think it's the Radpane that's the problem, and not the Grid.
Thanks,
Kuba
I am using version 2008.3.1105.35, which I believe at the date of this posting is the current version.
Here is the snippet of the html for the controls:
| <table id="GridWithSplitter" cellpadding="0" cellspacing="0"> | |
| <tr valign="middle"> | |
| <td> | |
| <telerik:RadSplitter ID="rsGridSplitter" runat="server" Skin="Traker" BorderSize="0" SplitBarsSize="1px" EnableEmbeddedSkins="False" LiveResize="False" ResizeWithParentPane="False" ResizeWithBrowserWindow="False" PanesBorderSize="0"> | |
| <telerik:RadPane ID="rpOptions" runat="server" Width="22px" EnableEmbeddedBaseStylesheet="True" MinHeight="490" MinWidth="22"> | |
| <telerik:RadSlidingZone ID="rszOptions" runat="server" SlideDuration="100" Width="22px" EnableEmbeddedBaseStylesheet="True" Height="490px"> | |
| <telerik:RadSlidingPane ID="rspViews" runat="server" Title="View" ToolTip="Use this tab to select a data layout you prefer." Width="310px" Height="270px" EnableResize="False" EnableEmbeddedBaseStylesheet="True" MinHeight="270" BackColor="#E1F0E4"> | |
| <table align="center" cellpadding="0" cellspacing="0" width="300px"> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td> | |
| <asp:Label id="ViewTitle" runat="server" Width="80%" Font-Size="9pt" Font-Bold="True" Font-Names="Arial" Text="Change the layout of the data with a pre-defined or custom view." ></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Label id="SelectView" runat="server" Font-Size="8pt" Font-Names="Arial" Text="Select View:"></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:ListBox ID="lbGridViews" runat="server" Font-Names="Arial" Font-Size="8pt" Rows="7" Width="240px"></asp:ListBox> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <table cellpadding="0" cellspacing="0"> | |
| <tr valign="middle"> | |
| <td> | |
| <asp:Button ID="btnGridViewSelect" runat="server" Text="Select" Font-Names="Arial" Font-Size="8pt" Height="22px" Width="80px" TabIndex="10" /> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </telerik:RadSlidingPane> | |
| <telerik:RadSlidingPane ID="rspFilters" runat="server" Title="Filter" ToolTip="Use this tab to filter the data to your needs." Width="310px" Height="490px" EnableResize="False" EnableEmbeddedBaseStylesheet="True" MinHeight="490" BackColor="#E1F0E4"> | |
| <table align="center" cellpadding="0" cellspacing="0" width="300px"> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td> | |
| <asp:Label id="FilterTitle" runat="server" Width="80%" Font-Size="9pt" Font-Bold="True" Font-Names="Arial" Text="You may set up to five filters at one time to narrow your search." ></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:RadioButtonList ID="rblAndOr" runat="server" BorderStyle="None" BorderWidth="0px" | |
| Enabled="False" Font-Names="Arial" Font-Size="8pt" | |
| RepeatLayout="Flow" Height="25px" TabIndex="6" CellPadding="0" CellSpacing="0" RepeatDirection="Horizontal"> | |
| <asp:ListItem>And </asp:ListItem> | |
| <asp:ListItem Selected="True">Or </asp:ListItem> | |
| </asp:RadioButtonList> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Label id="FilterField" runat="server" Font-Size="8pt" Font-Names="Arial" Text="Filter Field:"></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:ListBox ID="lbFilterFields" runat="server" Font-Names="Arial" Font-Size="8pt" Rows="7" Width="215px" AutoPostBack="True"></asp:ListBox> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Label id="FilterCondition" runat="server" Font-Size="8pt" Font-Names="Arial" Text="Filter Condition:"></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:ListBox ID="lbFilterExpression" runat="server" Font-Names="Arial" Font-Size="8pt" Rows="7" Width="215px"></asp:ListBox> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Label id="FilterCriteria" runat="server" Font-Size="8pt" Font-Names="Arial" Text="Filter Criteria:"></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <telerik:RadTextBox ID="rtbFilterCriteria" runat="server" Width="215px" Wrap="False" Rows="1" Skin="Traker" TabIndex="9" EnableEmbeddedSkins="False"></telerik:RadTextBox> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <table cellpadding="0" cellspacing="0"> | |
| <tr valign="middle"> | |
| <td style="padding-right:10px;"> | |
| <asp:Button ID="btnSetFilter" runat="server" Text="Set" Font-Names="Arial" Font-Size="8pt" Height="22px" Width="80px" TabIndex="10" /> | |
| </td> | |
| <td> | |
| <asp:Button ID="btnClearFilters" runat="server" Text="Clear" Font-Names="Arial" Font-Size="8pt" Height="22px" Width="80px" TabIndex="11" /> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </telerik:RadSlidingPane> | |
| <telerik:RadSlidingPane ID="rspGroups" runat="server" Title="Group" ToolTip="Use this tab to group relevant data together." Width="310px" Height="285px" EnableResize="False" EnableEmbeddedBaseStylesheet="True" MinHeight="285" BackColor="#E1F0E4"> | |
| <table align="center" cellpadding="0" cellspacing="0" width="300px"> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td> | |
| <asp:Label id="GroupTitle" runat="server" Width="80%" Font-Size="9pt" Font-Bold="True" Font-Names="Arial" Text="Group data together by a specific column of data. You may have up to three levels of grouping." ></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Label id="GroupField" runat="server" Font-Size="8pt" Font-Names="Arial" Text="Group Field:"></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:ListBox ID="lbGroups" runat="server" Font-Names="Arial" Font-Size="8pt" Rows="7" Width="215px"></asp:ListBox> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:CheckBox ID="cbGroupDesc" runat="server" Font-Names="Arial" Font-Size="8pt" TabIndex="13" Text="Sort Descending" Font-Bold="False" /> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <table cellpadding="0" cellspacing="0"> | |
| <tr valign="middle"> | |
| <td style="padding-right:10px;"> | |
| <asp:Button ID="btnGroupingSet" runat="server" Text="Set" Font-Names="Arial" Font-Size="8pt" Height="22px" Width="80px" TabIndex="14" /> | |
| </td> | |
| <td> | |
| <asp:Button ID="btnGroupingClear" runat="server" Text="Clear" Font-Names="Arial" Font-Size="8pt" Height="22px" Width="80px" TabIndex="15" /> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </telerik:RadSlidingPane> | |
| <telerik:RadSlidingPane ID="rspSummary" runat="server" Title="Summary" ToolTip="Use this tab to summarize your data." Width="310px" Height="260px" EnableResize="False" EnableEmbeddedBaseStylesheet="True" MinHeight="260" BackColor="#E1F0E4"> | |
| <table align="center" cellpadding="0" cellspacing="0" width="300px"> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td> | |
| <asp:Label id="SummaryTitle" runat="server" Width="80%" Font-Size="9pt" Font-Bold="True" Font-Names="Arial" Text="Summarize your data by a specific column of data. Helpful when looking for total quantities or weights." ></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Label id="SummaryField" runat="server" Font-Size="8pt" Font-Names="Arial" Text="Summary Field:"></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:ListBox ID="lbSummary" runat="server" Font-Names="Arial" Font-Size="8pt" Rows="7" Width="215px"></asp:ListBox> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <table cellpadding="0" cellspacing="0"> | |
| <tr valign="middle"> | |
| <td style="padding-right:10px;"> | |
| <asp:Button ID="btnSummarySet" runat="server" Text="Set" Font-Names="Arial" Font-Size="8pt" Height="22px" Width="80px" TabIndex="17" /> | |
| </td> | |
| <td> | |
| <asp:Button ID="btnSummaryClear" runat="server" Text="Clear" Font-Names="Arial" Font-Size="8pt" Height="22px" Width="80px" TabIndex="18" /> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </telerik:RadSlidingPane> | |
| <telerik:RadSlidingPane ID="rspExport" runat="server" Title="Export" ToolTip="Use this tab to export your data to CSV, Excel, or PDF." Width="310px" Height="335px" EnableResize="False" EnableEmbeddedBaseStylesheet="True" MinHeight="335" BackColor="#E1F0E4"> | |
| <table align="center" cellpadding="0" cellspacing="0" width="300px"> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td> | |
| <asp:Label id="ExportTitle" runat="server" Width="80%" Font-Size="9pt" Font-Bold="True" Font-Names="Arial" Text="Export the currently displayed data to one of the formats available below." ></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Label id="ExportType" runat="server" Font-Size="8pt" Font-Names="Arial" Text="Select Export Type:"></asp:Label> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:RadioButtonList ID="rblExport" runat="server" CellPadding="5" | |
| CellSpacing="5" Font-Names="Arial" Font-Size="8pt"> | |
| <asp:ListItem Selected="True" Value="CSV">Comma Delimited (CSV)</asp:ListItem> | |
| <asp:ListItem Value="EXCEL">Microsoft Excel</asp:ListItem> | |
| <asp:ListItem Value="WORD">Microsoft Word</asp:ListItem> | |
| <asp:ListItem Value="PDF">Acrobat Reader (PDF)</asp:ListItem> | |
| </asp:RadioButtonList> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Button ID="btnExport" runat="server" Text="Export" EnableTheming="True" Font-Names="Arial" Font-Size="8pt" Height="20px" Width="75px" TabIndex="25" /> | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| | |
| </td> | |
| </tr> | |
| <tr valign="middle" align="center"> | |
| <td nowrap="nowrap"> | |
| <asp:Label id="ExportWarning" runat="server" Width="97%" Font-Size="7pt" Font-Bold="True" Font-Names="Arial" Text="Word and Excel require Office 2003 or higher." ></asp:Label> | |
| </td> | |
| </tr> | |
| </table> | |
| </telerik:RadSlidingPane> | |
| </telerik:RadSlidingZone> | |
| </telerik:RadPane> | |
| <telerik:RadSplitBar ID="rsbSplit" runat="server" EnableResize="False"/> | |
| <telerik:RadPane ID="rpGrid" runat="server" Scrolling="None"> | |
| <telerik:RadGrid ID="rgModuleGrid" runat="server" AutoGenerateColumns="False" | |
| GridLines="None" GroupingEnabled="False" AllowPaging="True" TabIndex="27" Skin="Traker" | |
| EnableEmbeddedSkins="False" EnableLinqExpressions="False"> | |
| <MasterTableView> | |
| <ExpandCollapseColumn Visible="False" Resizable="False"> | |
| <HeaderStyle Width="20px" /> | |
| </ExpandCollapseColumn> | |
| <CommandItemSettings /> | |
| <RowIndicatorColumn Visible="False"> | |
| <HeaderStyle Width="20px" /> | |
| </RowIndicatorColumn> | |
| <EditFormSettings> | |
| <EditColumn> | |
| </EditColumn> | |
| </EditFormSettings> | |
| <PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" /> | |
| </MasterTableView> | |
| <PagerStyle Mode="NextPrevNumericAndAdvanced" Position="TopAndBottom" /> | |
| <ExportSettings> | |
| <Pdf PageBottomMargin="" PageFooterMargin="" PageHeaderMargin="" PageHeight="11in" | |
| PageLeftMargin="" PageRightMargin="" PageTopMargin="" PageWidth="8.5in" /> | |
| </ExportSettings> | |
| </telerik:RadGrid> | |
| </telerik:RadPane> | |
| </telerik:RadSplitter> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <asp:Label runat="server" ID="ModuleVersion" ForeColor="Red" Font-Names="Arial" Font-Size="7pt"></asp:Label> | |
| </td> | |
| </tr> | |
| </table> | |
The grids columns are programmatically created as well as options for the grid set in code. Here is a snippet of what options are set for the grid itself
| ModuleGrid.Height = Unit.Percentage(100) | |
| ModuleGrid.GroupingEnabled = True | |
| ModuleGrid.ShowGroupPanel = False | |
| ModuleGrid.MasterTableView.NoMasterRecordsText = "No Inventory was found for this Owner of Inventory." | |
| ModuleGrid.MasterTableView.PageSize = 20 | |
| ModuleGrid.MasterTableView.PagerStyle.Wrap = False | |
| ModuleGrid.MasterTableView.PagerStyle.Mode = GridPagerMode.NextPrevNumericAndAdvanced | |
| ModuleGrid.MasterTableView.PagerStyle.Position = GridPagerPosition.TopAndBottom | |
| ModuleGrid.MasterTableView.PagerStyle.AlwaysVisible = True | |
| ModuleGrid.GridLines = GridLines.None | |
| ModuleGrid.HeaderStyle.Wrap = False | |
| ModuleGrid.FooterStyle.Wrap = False | |
| ModuleGrid.ShowStatusBar = False | |
| ModuleGrid.ShowFooter = False | |
| ModuleGrid.ItemStyle.Wrap = False | |
| ModuleGrid.AlternatingItemStyle.Wrap = False | |
| ModuleGrid.HorizontalAlign = HorizontalAlign.Left | |
| ModuleGrid.AllowSorting = True | |
| ModuleGrid.MasterTableView.AllowMultiColumnSorting = True | |
| ModuleGrid.MasterTableView.AllowFilteringByColumn = False | |
| ModuleGrid.MasterTableView.AllowPaging = True | |
| ModuleGrid.AutoGenerateColumns = False | |
| ModuleGrid.AllowAutomaticDeletes = False | |
| ModuleGrid.AllowAutomaticInserts = False | |
| ModuleGrid.AllowAutomaticUpdates = False | |
| ModuleGrid.ClientSettings.AllowKeyboardNavigation = False | |
| ModuleGrid.ClientSettings.EnableRowHoverStyle = False | |
| ModuleGrid.ClientSettings.Scrolling.AllowScroll = False | |
| ModuleGrid.ClientSettings.Scrolling.UseStaticHeaders = False | |
| ModuleGrid.ClientSettings.Scrolling.SaveScrollPosition = False | |
| ModuleGrid.ClientSettings.AllowDragToGroup = False | |
| ModuleGrid.ClientSettings.Selecting.AllowRowSelect = True | |
| ModuleGrid.ClientSettings.Resizing.AllowColumnResize = False | |
| ModuleGrid.ClientSettings.Resizing.ResizeGridOnColumnResize = False | |
| ModuleGrid.ClientSettings.Resizing.EnableRealTimeResize = False | |
I still find it strange that the problem is only with Firefox 3. FYI, I tried it in Firefox 2.5, and the grid does appear. Also, I'm beginning to think it's the Radpane that's the problem, and not the Grid.
Thanks,
Kuba
0
Hi Kuba,
I don't seem to reproduce the problem. Please find attached my test page and let me know if I am missing something.
By the way, the latest RadControls version at the time of posting is 2008.3 1314. However, the behavior is the same (OK) in both versions.
All the best,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
I don't seem to reproduce the problem. Please find attached my test page and let me know if I am missing something.
By the way, the latest RadControls version at the time of posting is 2008.3 1314. However, the behavior is the same (OK) in both versions.
All the best,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
George
Top achievements
Rank 1
Rank 1
answered on 19 Jan 2009, 07:09 PM
Dimo,
I agree, your sample works fine. As far as missing something, yes... I am running the code posted within a DotNetNuke (4.9) module. I appears that the problem is related to running the controls within DNN, but I have yet to discover what. I am still a bit puzzled why Firefox is the only browser doing it.
If you have any ideas, please pass them along, but for now, I am working under the assumption that it is more a DNN problem, then a Telerik control problem.
Thanks,
Kuba
0
Hello Kuba,
Well, you can try removing the web application CSS styles, which could be causing the problem (especially if you are using CSS hacks intended for IE).
Regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Well, you can try removing the web application CSS styles, which could be causing the problem (especially if you are using CSS hacks intended for IE).
Regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
Rank 1
Veteran
Iron
answered on 04 Feb 2009, 12:42 AM
I ran into a very similar situation, and in my case, the grid disappeared because I had it's height set to 100% and it was in an ajaxified container. Strangely, if I injected the page with an alert('somemessage') using Response.write, then the problem vanished. Regardless, Telerik has provided a nice explanation and solution to the ajaxified container height problem:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx
0
Zach Alsgaard
Top achievements
Rank 1
Rank 1
answered on 09 Mar 2009, 10:39 PM
From the link:
The current CSS specification requires that a web page element with height set in percent must have a parent element with set height (either in percent or in pixels). This creates problems for example when a control with a set height of 100% is ajaxified. In this case the control is surrounded by an update panel with no height, which breaks the expected layout.
This sounds like something that Telerik needs to fix. Is this being looked at?
The current CSS specification requires that a web page element with height set in percent must have a parent element with set height (either in percent or in pixels). This creates problems for example when a control with a set height of 100% is ajaxified. In this case the control is surrounded by an update panel with no height, which breaks the expected layout.
This sounds like something that Telerik needs to fix. Is this being looked at?
0
Hello Zach,
Unfortunately, asp:UpdatePanels are not WebControls, so they don't have a Height property at all. This is the reason why the height should be set with CSS by using the UpdatePanel's ClientID.
We might consider tweaking the behavior of the UpdatePanels used by RadAjaxManager, after some further research and testing.
Greetings,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Unfortunately, asp:UpdatePanels are not WebControls, so they don't have a Height property at all. This is the reason why the height should be set with CSS by using the UpdatePanel's ClientID.
We might consider tweaking the behavior of the UpdatePanels used by RadAjaxManager, after some further research and testing.
Greetings,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.