or
<asp:ImageButton ID="_imgbtnNew" OnCommand="_imgbtnNew_Command" runat="server" ImageUrl="~/site_images/new.png"ImageAlign="AbsMiddle" Height="15px" OnClientClick="javascript:return confirm('Are you sure?');" ></asp:ImageButton><telerik:RadComboBox ID="cboDateRange" runat="server" width="175px" DropDownWidth="325px" CloseDropDownOnBlur="False" Font-Bold="True" AllowCustomText="false"> <ItemTemplate> <asp:Label ID="lblDateRange" runat="server" Text="Date Range" Font-Bold="true"></asp:Label><br /> <div id="divStartDateSelected" class="divFloatLeft"> <telerik:RadDatePicker ID="dateStartDate" runat="server" Width="90px" > <DateInput SelectionOnFocus="SelectAll"> </DateInput> <Calendar ShowRowHeaders="false"></Calendar> </telerik:RadDatePicker> </div> <div class="divFloatLeft"> <asp:Label ID="lblDateRangeDash" runat="server" Text="-"></asp:Label> </div> <div id="divEndDateSelected" class="divFloatLeft"> <telerik:RadDatePicker ID="dateEndDate" runat="server" Width="90px"> <DateInput SelectionOnFocus="SelectAll"> </DateInput> <Calendar ShowRowHeaders="false"></Calendar> </telerik:RadDatePicker> </div> </ItemTemplate> <Items> <telerik:RadComboBoxItem Text="" Selected="True" /> </Items></telerik:RadComboBox>| <style type="text/css"> |
| html, body, form |
| { |
| width: 100%; |
| height: 100%; |
| overflow: hidden; |
| } |
| </style> |
If i use a simple radgrid with Scrolling-UseStaticHeaders="true" on a page, without any container or other control, the grid is 100% heigth, and this is working perfect.
But as soon as i put a RadAjaxmanager on the page, the RadGrid is going from 300px to 10 px in a split second when the page load, and stays 10px.
e.q.
| <telerik:RadAjaxManager ID="RAM" runat="server" > |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="myRadrid (or any other control)"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="myRadGrid" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
For testing i put the Radgrid inside the form container, so the heigth for the container is set.
I can write a workaround in js to follow the window height, but that is not real smooth solution.
The Grid is then loading from 300px, to 10px, and then the right height...
I'am sure the RadAjaxmanager is the reason for this, but is there a solution?
p.s. i use the latest 2009.1 402 build.
<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:IPdataConnectionString %>" ProviderName="System.Data.SqlClient" SelectCommand="SELECT top 7 Date = CONVERT(char(10), Date, 101), score, IPaddress, Partner FROM IPhistory WHERE Partner = 'NEAstates' ORDER BY Date ASC;" runat="server"> </asp:SqlDataSource> <telerik:radchart id="RadChart4" runat="server" width="800px" datasourceid="SqlDataSource1" defaulttype="Line" autolayout="true" charttitle-visible="false"> <Appearance TextQuality="AntiAlias"> </Appearance> <PlotArea> <Appearance Dimensions-Margins="18%, 24%, 12%, 16%"></Appearance> <YAxis Step="10" AxisMode="Extended"> <Appearance MajorGridLines-Visible="true" MinorGridLines-Visible="false"> </Appearance> </YAxis> <XAxis DataLabelsColumn="Date" LayoutMode="Between"> <Appearance ValueFormat="ShortDate" MajorGridLines-Visible="true"> <LabelAppearance RotationAngle="10" Position-AlignedPosition="Top"> </LabelAppearance> </Appearance> </XAxis> </PlotArea> </telerik:radchart>protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { // Manually setting the series groups and Y values columns RadChart4.DataGroupColumn = "IPaddress"; RadChart4.DataManager.ValuesYColumns = new string[1] { "score" }; RadChart4.Skin = "LightBlue"; ChartSeries chartSeries = new ChartSeries(); chartSeries.Type = ChartSeriesType.Line; chartSeries.Appearance.LabelAppearance.Visible = false; } }