| <asp:ScriptManager id="scriptManager" runat="server"></asp:ScriptManager> |
| <telerik:radajaxmanager id="Radajaxmanager" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="listButton"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="listPanel"></telerik:AjaxUpdatedControl> |
| <telerik:AjaxUpdatedControl ControlID="galleryPanel"></telerik:AjaxUpdatedControl> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <telerik:AjaxSetting AjaxControlID="galleryButton"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="listPanel"></telerik:AjaxUpdatedControl> |
| <telerik:AjaxUpdatedControl ControlID="galleryPanel"></telerik:AjaxUpdatedControl> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:radajaxmanager> |
| <asp:Button ID="listButton" runat="server" Text="List" onclick="listButton_Click" /> |
| <asp:Button ID="galleryButton" runat="server" Text="Gallery" onclick="galleryButton_Click" /> |
| <div> |
| <telerik:RadAjaxPanel id="listPanel" runat="server" style="display: none;"> |
| List Panel |
| </telerik:RadAjaxPanel> |
| <telerik:RadAjaxPanel id="galleryPanel" runat="server" style="display: none;"> |
| Gallery Panel |
| </telerik:RadAjaxPanel> |
| </div> |
| Public Sub GetAndDisplaySkins(ByRef _Table As Table, ByVal _charttype As String) |
| Dim _myrow As New TableRow |
| Dim _mycell As New TableCell |
| Dim _MyType As Telerik.Charting.ChartSeriesType |
| _MyType = util.GetChartType(_charttype) |
| Dim _MyChart As Telerik.Web.UI.RadChart |
| mysql = "exec sp_GetAllSkins" |
| myreader = dal.GetDataReader(mysql) |
| Dim mycounter As Int32 |
| mycounter = 0 |
| mysql = "exec sp_GetDummyData" |
| Dim _dstable As DataTable |
| _dstable = dal.GetDataTable(mysql) |
| If myreader.HasRows Then |
| While myreader.Read |
| If mycounter = 0 Then |
| _myrow = New TableRow |
| End If |
| _mycell = New TableCell |
| _MyChart = New Telerik.Web.UI.RadChart |
| With _MyChart |
| .DefaultType = _MyType |
| .DataSource = _dstable |
| .ChartTitle.TextBlock.Text = myreader("DisplayName") |
| .Skin = myreader("skinname") |
| .DataBind() |
| .Width = 250 |
| .Height = 220 |
| .PlotArea.XAxis.DataLabelsColumn = "xstuff" |
| .PlotArea.YAxis.AxisMode = Telerik.Charting.ChartYAxisMode.Extended |
| If .Skin = "Black" Then |
| .AutoLayout = False |
| Else |
| .AutoLayout = True |
| End If |
| .AutoTextWrap = True |
| .DataBind() |
| .Legend.Visible = False |
| End With |
| _mycell.Controls.Add(_MyChart) |
| _myrow.Cells.Add(_mycell) |
| If mycounter = 2 Then |
| mycounter = 0 |
| _Table.Rows.Add(_myrow) |
| Else |
| mycounter += 1 |
| End If |
| End While |
| If mycounter <> 0 Then |
| _Table.Rows.Add(_myrow) |
| End If |
| End If |
When the grid first renders, the columns scroll properly, and are properly aligned with the data. Without Ajax, changing pages present NO problems.
However, when Ajax is used on the control, when I go to the next page, the columns freeze, they will not move at all when scrolling, and their widths no longer match the column width of the data rows.
Something tells me this is more of an Ajax problem then a grid problem, but if anyone has a solution, that would be great. Scrolling looks SO much nicer with static headers.
Thanks,
Kuba
| <EditFormSettings EditFormType="Template" > |
| <FormTemplate> |
| <asp:Button ID="Button1" Text="Update" runat="server" CommandName="Update"></asp:Button> |
| <asp:Button ID="Button2" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button> |
| <br /> |
| <telerik:RadEditor ToolsFile="/Images/ToolsForStrings.xml" Skin="Office2007" Language="de-DE" ID="edTheString" runat="server" Width="760px" Height="150px" Content='<%# Bind("TheString") %>'> |
| </telerik:RadEditor> |
| </FormTemplate> |
| </EditFormSettings> |

The word wrap in Telerik RadGrid BoundColumn is not wraping the text in Firefox version 3.0.1 and we are using the Telerik web controls version ASP.NET Q2 2007
I have tried changes in <Master Table view> –<Item Style Wrap=True>
| <td colspan="2" width="60%"> |
| <telerik:RadGrid ID="trcrgFlightList" runat="server" AllowSorting="True" AutoGenerateColumns="False" GridLines="Horizontal" Height="180px" Skin="Vista" Width="100%" BorderStyle="Solid" ShowStatusBar="True" EnableHeaderContextMenu="True"> |
| <HeaderContextMenu Skin="Vista"> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </HeaderContextMenu> |
| <MasterTableView Font-Names="Tahoma" Font-Size="10pt" TableLayout="Fixed"> |
| <Columns> |
| <telerik:GridBoundColumn HeaderText="ACID" ReadOnly="True" UniqueName="ACID" DataField="ACID" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Origin" ReadOnly="True" UniqueName="Origin" DataField="Origin" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Dest." ReadOnly="True" UniqueName="Destination" DataField="Destination" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="OETD" ReadOnly="True" UniqueName="OETD" DataField="OETD" DataFormatString="{0:MM/dd/yyyy HH:mmZ}" DataType="System.DateTime" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="OETA" ReadOnly="True" UniqueName="OETA" DataField="OETA" DataFormatString="{0:MM/dd/yyyy HH:mmZ}" DataType="System.DateTime" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="ETD" ReadOnly="True" UniqueName="ETD" DataField="ETD" DataFormatString="{0:MM/dd/yyyy HH:mmZ}" DataType="System.DateTime" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="ETA" ReadOnly="True" UniqueName="ETA" DataField="ETA" DataFormatString="{0:MM/dd/yyyy HH:mmZ}" DataType="System.DateTime" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="CTD" ReadOnly="True" UniqueName="CTD" DataField="CTD" DataFormatString="{0:MM/dd/yyyy HH:mmZ}" DataType="System.DateTime" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="CTA" ReadOnly="True" UniqueName="CTA" DataField="CTA" DataFormatString="{0:MM/dd/yyyy HH:mmZ}" DataType="System.DateTime" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="ASLT" ReadOnly="True" UniqueName="ASLT" DataField="ASLT" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Delay" ReadOnly="True" UniqueName="Delay" DataField="Delay" DataType="System.Int32" Groupable="False" SortedBackColor="192, 255, 192"> |
| <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" /> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" ColumnsReorderMethod="Reorder"> |
| <Selecting AllowRowSelect="True" /> |
| <Scrolling AllowScroll="True" UseStaticHeaders="True" /> |
| <Resizing AllowColumnResize="True" /> |
| </ClientSettings> |
| <FilterMenu Skin="Vista"> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </FilterMenu> |
| <HeaderStyle Font-Bold="True" /> |
| </telerik:RadGrid> |
| </td> |